.ws-page{color:#eee;font-family:inherit}.ws-header{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:26px 30px;background:linear-gradient(135deg,#21120d,#110f0e);border:1px solid #5e2a19;border-radius:8px}.ws-header span{color:#ff6b2c;font-size:12px;font-weight:800;letter-spacing:2px}.ws-header h1{margin:4px 0;font-size:30px}.ws-header p{margin:0;color:#b9afa9}.ws-readonly{white-space:nowrap;color:#ffab83;border:1px solid #70331e;padding:9px 13px;border-radius:20px}.ws-notice,.ws-error,.ws-empty{margin:16px 0;padding:14px 18px;border-radius:6px}.ws-notice{background:#241d13;border-left:3px solid #e9a33b}.ws-error{background:#2b1515;border-left:3px solid #d84c4c}.ws-empty{background:#171717;border:1px solid #333;text-align:center}.ws-summary{display:flex;align-items:baseline;gap:8px;margin:20px 0 10px}.ws-summary strong{font-size:24px;color:#ff6b2c}.ws-summary small{margin-left:auto;color:#8f8782}.ws-board{position:relative;display:grid;grid-template-columns:repeat(8,minmax(62px,1fr));grid-template-rows:repeat(15,64px);gap:2px;padding:8px;background:#090909;border:2px solid #56301f;min-width:520px}.ws-cell{background:linear-gradient(135deg,#171411,#0e0d0c);border:1px solid #29231f;z-index:0}.ws-item{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6px;background:linear-gradient(145deg,#3a2117,#21130e);border:1px solid #a44721;color:#f3d6c8;text-align:center;cursor:help;overflow:visible}.ws-item>strong{font-size:11px;line-height:1.25}.ws-item>small{font-size:9px;color:#bc9b8b}.ws-item.is-invalid{border-color:#d33}.ws-tooltip{display:none;position:absolute;left:calc(100% + 8px);top:0;z-index:20;width:260px;padding:13px;background:rgba(5,5,5,.97);border:1px solid #8d492d;box-shadow:0 8px 30px #000;color:#ddd;text-align:left}.ws-item:hover .ws-tooltip,.ws-item:focus .ws-tooltip{display:flex;flex-direction:column;gap:4px}.ws-tooltip b{color:#f4c8ff}.ws-tooltip span{font-size:11px}.ws-tooltip .is-excellent{color:#8cc9ff}.ws-tooltip .is-ancient{color:#87df82}.ws-tooltip .is-harmony{color:#ffe06c}.ws-tooltip .is-380{color:#e8a6ff}@media(max-width:720px){.ws-header{align-items:flex-start;flex-direction:column}.ws-page{overflow-x:auto}.ws-board{grid-template-columns:repeat(8,62px)}}