.teris-shell{--teris-bg:#0f0f0d;--teris-panel:#181815;--teris-line:#f4f0e726;--teris-muted:#8f8c84;background:var(--teris-bg);color:#f3f0e8;height:100%;min-height:0;overflow:hidden}.teris-header{border-bottom:1px solid var(--teris-line);background:#0f0f0df0;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 3.2vw;display:grid}.teris-header .brand{color:#f3f0e8}.teris-header-center{font-family:var(--font-mono);align-items:center;gap:14px;display:flex}.teris-header-center strong{font-family:var(--font-display);letter-spacing:.02em;font-size:1rem}.teris-header-center span{color:var(--teris-muted);letter-spacing:.11em;font-size:.7rem}.teris-header-center span:first-child{color:#ff7250}.teris-back{font-family:var(--font-mono);letter-spacing:.07em;color:#bbb8af;justify-self:end;font-size:.74rem;transition:color .2s}.teris-back:hover{color:#fff}.teris-stage{grid-template-columns:minmax(190px,250px) minmax(360px,550px) minmax(210px,280px);justify-content:center;align-items:stretch;gap:clamp(22px,3.2vw,52px);width:min(1500px,100%);height:100%;min-height:0;margin:0 auto;padding:clamp(12px,2.4vh,26px) 3vw;display:grid}.teris-side{align-content:start;gap:clamp(10px,2vh,22px);height:100%;min-height:0;padding-top:99px;display:grid;overflow:hidden}.teris-panel,.teris-controls-card,.teris-stats{border:1px solid var(--teris-line);background:var(--teris-panel)}.teris-panel{padding:18px}.teris-panel-label{min-height:18px;font-family:var(--font-mono);letter-spacing:.12em;color:#aaa79e;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:600;display:flex}.teris-panel-label kbd{color:#77746e;border:1px solid #3c3b36;padding:2px 6px;font-size:.68rem}.teris-hint{color:#77746e;margin:3px 0 0;font-size:.76rem;line-height:1.5}.teris-piece-preview{aspect-ratio:1;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:2px;width:72px;margin:10px auto;padding:5px;display:grid}.teris-piece-preview.is-large{width:min(122px,100%);margin-block:18px 12px}.teris-piece-preview span[class^=piece-]{border:1px solid #ffffff38;box-shadow:inset 2px 2px #ffffff29,inset -2px -2px #00000038}.teris-empty-preview{color:#4d4b46;height:115px;font-family:var(--font-mono);place-items:center;display:grid}.teris-controls-card{padding:18px}.teris-controls-card dl{gap:12px;margin:21px 0 0;display:grid}.teris-controls-card dl>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.teris-controls-card dt{gap:4px;display:flex}.teris-controls-card kbd{color:#ddd9d0;text-align:center;min-width:25px;font-family:var(--font-mono);border:1px solid #45433e;border-bottom-color:#6b685f;padding:5px 6px;font-size:.68rem}.teris-controls-card dd{color:#74716a;margin:0;font-size:.76rem}.teris-center{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.teris-board-wrap{aspect-ratio:.535;background:#090908;border:1px solid #3a3934;flex-direction:column;flex:auto;align-self:center;width:auto;max-width:100%;min-height:0;padding:13px;display:flex;position:relative;box-shadow:22px 22px #6d4aff26,0 25px 80px #00000059}.teris-board-wrap:before,.teris-board-wrap:after{content:"";pointer-events:none;z-index:2;border-color:#ff5b26;width:15px;height:15px;position:absolute}.teris-board-wrap:before{border-top:2px solid;top:-1px;left:-1px}.teris-board-wrap:after{border-bottom:2px solid;border-right:2px solid;bottom:-1px;right:-1px}.teris-board-top{color:#77746d;height:34px;font-family:var(--font-mono);letter-spacing:.09em;justify-content:space-between;align-items:flex-start;padding:0 5px;font-size:.7rem;display:flex}.teris-board-top span:last-child{color:#d2cec4}.teris-board{aspect-ratio:1/2;background-color:#11110f;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:10% 5%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #272621;flex:auto;grid-template-rows:repeat(20,1fr);grid-template-columns:repeat(10,1fr);align-self:center;width:auto;max-width:100%;min-height:0;display:grid}.teris-cell{border:1px solid #0000;min-width:0;position:relative}.teris-cell[class*=piece-]{border-color:#00000052;box-shadow:inset 3px 3px #ffffff2b,inset -3px -3px #0000002e}.teris-cell[class*=piece-]:after{content:"";border-top:1px solid #ffffff38;position:absolute;inset:19%}.piece-I{background:#61e3cf}.piece-J{background:#6d66ff}.piece-L{background:#ff7a37}.piece-O{background:#ffd44d}.piece-S{background:#66dc80}.piece-T{background:#a86dff}.piece-Z{background:#ff5e5b}.teris-cell.is-ghost{opacity:.42;background:0 0;border:1px solid;box-shadow:inset 0 0 0 2px #11110f}.teris-cell.is-ghost.piece-I{color:#61e3cf}.teris-cell.is-ghost.piece-J{color:#6d66ff}.teris-cell.is-ghost.piece-L{color:#ff7a37}.teris-cell.is-ghost.piece-O{color:#ffd44d}.teris-cell.is-ghost.piece-S{color:#66dc80}.teris-cell.is-ghost.piece-T{color:#a86dff}.teris-cell.is-ghost.piece-Z{color:#ff5e5b}.teris-cell.is-ghost:after{display:none}.teris-cell.is-active{animation:.15s ease-out teris-piece-in}@keyframes teris-piece-in{0%{filter:brightness(1.8)}to{filter:brightness()}}.teris-clear-callout{z-index:5;white-space:nowrap;color:#171713;font-family:var(--font-display);letter-spacing:-.03em;background:#ffd44d;padding:11px 18px;font-size:clamp(1.1rem,2vw,1.7rem);animation:.8s both teris-callout;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-2deg)}@keyframes teris-callout{0%{opacity:0;transform:translate(-50%,-30%)scale(.75)rotate(-2deg)}18%,72%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-2deg)}to{opacity:0;transform:translate(-50%,-70%)scale(.94)rotate(-2deg)}}.teris-overlay{z-index:6;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0c0adb;flex-direction:column;justify-content:center;align-items:center;padding:38px;display:flex;position:absolute;inset:47px 13px 13px}.teris-overlay>span{color:#ff7950;font-family:var(--font-mono);letter-spacing:.15em;font-size:.72rem}.teris-overlay h2{color:#fff;margin:19px 0 16px;font-size:clamp(2rem,4.2vw,4rem);line-height:.87}.teris-overlay p{color:#aaa69d;max-width:330px;font-size:.78rem;line-height:1.6}.teris-overlay button{color:#161613;cursor:pointer;text-transform:uppercase;background:#f3f0e8;border:0;justify-content:space-between;align-items:center;width:min(260px,100%);margin-top:22px;padding:16px 18px;font-size:.72rem;font-weight:800;transition:background .2s,transform .2s;display:flex}.teris-overlay button:hover{color:#fff;background:#ff5b26;transform:translateY(-2px)}.teris-overlay button b{font-size:1.1rem}.status-gameover .teris-board{filter:grayscale(.75)brightness(.65)}.teris-stats{gap:18px;padding:19px;display:grid}.teris-stats>div{border-bottom:1px solid var(--teris-line);gap:6px;padding-bottom:16px;display:grid}.teris-stats>div:last-child{border:0;padding:0}.teris-stats span{color:#706e67;font-family:var(--font-mono);letter-spacing:.12em;font-size:.68rem}.teris-stats strong{font-family:var(--font-mono);letter-spacing:.05em;font-size:clamp(1.35rem,2.2vw,2rem);font-weight:600}.teris-stats .split{grid-template-columns:1fr 1fr}.teris-stats .split p{gap:5px;margin:0;display:grid}.teris-stats .split p+p{padding-left:14px}.teris-stats .split strong{font-size:1.15rem}.teris-next-panel{padding-bottom:10px}.teris-next-panel>.is-large{border-bottom:1px solid var(--teris-line);width:min(130px,100%);padding-bottom:16px}.teris-next-row{grid-template-columns:repeat(3,1fr);display:grid}.teris-next-row .teris-piece-preview{width:100%;max-width:62px}.teris-utility-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.teris-utility-row button{color:#9b9890;cursor:pointer;min-height:39px;font-family:var(--font-mono);letter-spacing:.05em;background:0 0;border:1px solid #393833;font-size:.68rem}.teris-utility-row button:hover:not(:disabled){color:#fff;border-color:#8d8980}.teris-utility-row button:disabled{opacity:.35;cursor:not-allowed}.teris-system-note{color:#67645e;font-family:var(--font-mono);font-size:.68rem;line-height:1.55}.teris-system-note i{background:#60e5a8;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.teris-mobile-controls{display:none}@media (max-width:1040px){.teris-stage{grid-template-columns:minmax(340px,520px) minmax(200px,250px)}.teris-side-left{display:none}.teris-side-right{grid-area:1/2}.teris-center{grid-area:1/1}}@media (max-width:720px){.teris-stage{height:100%;padding:8px 12px 10px;display:block}.teris-center{width:min(100%,480px);height:100%;margin:0 auto}.teris-board-wrap{padding:9px;box-shadow:11px 11px #6d4aff29}.teris-board-top{height:28px}.teris-overlay{padding:24px;inset:37px 9px 9px}.teris-side-right{display:none}.teris-mobile-controls{flex:none;grid-template-columns:repeat(7,1fr);gap:4px;margin:9px 0 0;display:grid}.teris-mobile-controls button{color:#dedad1;min-height:42px;font-family:var(--font-mono);touch-action:manipulation;background:#1a1a17;border:1px solid #3b3934;padding:0 2px;font-size:.78rem}.teris-mobile-controls button:active{background:#6d4aff}.teris-mobile-controls .drop{color:#fff;background:#ff5b26;font-size:.68rem}}@media (max-width:460px){.teris-overlay h2{font-size:2.25rem}.teris-overlay p{font-size:.8rem}}@media (max-height:760px) and (min-width:721px){.teris-controls-card,.teris-system-note{display:none}.teris-panel{padding:14px}.teris-hint{display:none}.teris-piece-preview.is-large{width:88px;margin-block:8px}.teris-stats{gap:10px;padding:14px}.teris-stats>div{padding-bottom:9px}.teris-next-row{display:none}}@media (max-height:620px){.teris-side{padding-top:55px}.teris-mobile-controls button{min-height:36px}}@media (prefers-reduced-motion:reduce){.teris-cell.is-active,.teris-clear-callout{animation:none}}