html.yut-lock-scroll,body.yut-lock-scroll{width:100%;height:100dvh;overflow:hidden;overscroll-behavior:none}.yut-page{display:grid;gap:1rem}.yut-ko{display:inline-block;font-size:.62em;letter-spacing:0;color:var(--color-gold, #f2b705);vertical-align:middle}.yut-game{--ink: #0b1238;--gold: #ffc23a;--navy: #1b2446;--cream: #fff7d6;color:#fff;scroll-margin-top:5.5rem}.yut-game button{min-height:44px;font:inherit}.yut-screen{border:4px solid var(--ink);border-radius:1.2rem;background:#0f1d46;box-shadow:0 8px 0 var(--ink);padding:1rem}.yut-screen[hidden]{display:none}.yut-kicker{margin:0;font-size:.78rem;font-weight:1000;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.yut-primary{background:#ffe38a!important}.yut-game button{border:3px solid var(--ink);border-radius:999px;background:#fff;color:#15182a;font-weight:950;padding:.58rem 1rem;box-shadow:0 3px 0 var(--ink);cursor:pointer}.yut-game button:disabled{opacity:.52;cursor:default;filter:grayscale(.15)}.yut-game button:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.yut-game button[aria-pressed=true],.yut-chip[data-sel=true],.yut-move[data-sel=true]{background:#8ff0b3!important}.yut-poster{position:relative;min-height:clamp(15rem,36vw,25rem);overflow:hidden;border:3px solid var(--ink);border-radius:1rem;background:repeating-linear-gradient(0deg,#237545 0 11%,#2b8750 11% 22%)}.yut-poster:before{content:"";position:absolute;inset:12% 9%;border:5px solid rgba(255,255,255,.65);border-radius:.8rem;transform:perspective(650px) rotateX(56deg)}.yut-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#060c2400 38%,#060c24c2)}.yut-poster>img{position:absolute;bottom:-5%;z-index:2;width:auto;filter:drop-shadow(0 8px 0 rgba(0,0,0,.35))}.yut-poster-leoul{left:2%;height:90%}.yut-poster-lenyang{right:4%;height:82%}.yut-poster-title{position:absolute;z-index:3;inset:0;display:grid;place-content:center;text-align:center;text-shadow:0 5px 0 var(--ink)}.yut-poster-title small{color:var(--gold);font-weight:1000;letter-spacing:.14em;text-transform:uppercase}.yut-poster-title b{font-size:clamp(2.35rem,8vw,6.4rem);line-height:.82;font-weight:1000;text-transform:uppercase;-webkit-text-stroke:2px var(--ink)}.yut-poster-title span{color:var(--gold);font-size:clamp(1.2rem,3.4vw,2.35rem);font-weight:1000}.yut-menu-grid{display:grid;grid-template-columns:minmax(16rem,.72fr) minmax(18rem,1.28fr);gap:1rem;margin-top:1rem}.yut-card{display:grid;gap:.85rem;align-content:start;padding:1rem;border-radius:1rem;background:#ffffff14}.yut-card h2,.yut-info h2{margin:0;font-size:1.1rem;font-weight:1000;text-transform:uppercase}.yut-mode-row,.yut-ai-row,.yut-buttons,.yut-throw-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.yut-play-button{justify-self:start;padding-inline:1.3rem!important}.yut-rivals{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:.55rem;max-height:27rem;overflow:auto;padding-right:.15rem}.yut-rival{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:.55rem;border-radius:.9rem!important;text-align:left;padding:.45rem .6rem!important;background:linear-gradient(90deg,color-mix(in srgb,var(--rival) 24%,#fff),#fff)!important}.yut-rival img{width:48px;height:48px;border-radius:50%;object-fit:contain;background:#fff;border:3px solid var(--rival)}.yut-rival span{display:grid;min-width:0}.yut-rival b,.yut-rival small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yut-rival small{opacity:.72;font-size:.72rem}.yut-rival em{font-style:normal;color:var(--rival);font-size:.72rem}.yut-how-card{grid-column:1 / -1}.yut-throw-table{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem}.yut-throw-table span{display:grid;gap:.1rem;padding:.6rem;border-radius:.8rem;background:#ffffff1a;text-align:center}.yut-throw-table b{font-size:1.35rem;color:var(--gold)}.yut-throw-table small,.yut-throw-table em{font-style:normal;opacity:.8}.yut-throw-table strong{color:#fff}.yut-card ul,.yut-info ul{margin:0;padding-left:1.15rem;line-height:1.55}.yut-play{padding:.65rem;min-height:min(74dvh,52rem)}.yut-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:.55rem;align-items:center;margin-bottom:.65rem}.yut-icon{min-width:44px;padding-inline:.75rem!important}.yut-scorebox,.yut-turnbox{display:grid;padding:.48rem .75rem;border:2px solid rgba(255,255,255,.22);border-radius:.85rem;background:#ffffff14}.yut-scorebox small,.yut-turnbox small,.yut-panel h3,.yut-team-row small{text-transform:uppercase;letter-spacing:.1em;opacity:.76;font-size:.68rem;font-weight:1000}.yut-scorebox b{font-size:clamp(1rem,3vw,1.55rem)}.yut-arena{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.4fr);grid-template-areas:"board side" "comment side" "teams side";align-items:start;gap:.55rem .75rem}.yut-board-panel{grid-area:board;position:relative;height:min(53dvh,32rem);min-height:0;border:3px solid var(--ink);border-radius:1rem;overflow:hidden;background:#126136}.yut-board-panel canvas{display:block;width:100%;height:100%;min-height:0;touch-action:none;user-select:none;-webkit-user-select:none}.yut-commentary{grid-area:comment;margin:0;padding:.58rem .75rem;border-left:5px solid var(--gold);border-radius:.75rem;background:#071433eb;color:#fff7c2;font-weight:900}.yut-side{grid-area:side;display:grid;gap:.5rem;align-content:start}.yut-throw-box,.yut-panel,.yut-teams{display:grid;gap:.55rem;padding:.7rem;border-radius:.9rem;background:#ffffff14}.yut-throw-box canvas{width:100%;aspect-ratio:16 / 9;border-radius:.8rem;background:radial-gradient(circle at 50% 45%,#c7975e,#6f431d);touch-action:none;cursor:grab}.yut-throw-actions p{flex:1;min-width:8rem;margin:0;color:#ffeaa4;font-weight:900}.yut-queue,.yut-moves,.yut-row{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;min-height:2.4rem}.yut-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .7rem!important}.yut-chip b{font-size:1.15rem;color:var(--navy)}.yut-chip span{color:#334155}.yut-move{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;column-gap:.5rem;align-items:center;min-width:min(100%,12rem);border-radius:.85rem!important;text-align:left}.yut-move .yut-mini-token{grid-row:1 / 3}.yut-move b,.yut-move small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yut-move small{opacity:.72;font-size:.72rem}.yut-muted{margin:0;opacity:.8;font-weight:800}.yut-teams{grid-area:teams;grid-template-columns:1fr 1fr}.yut-team-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.24rem .45rem}.yut-team-row b{font-size:.9rem}.yut-team-row b{grid-column:1 / -1}.yut-row-token,.yut-mini-token{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:999px;background-color:var(--token);background-repeat:no-repeat;border:4px solid var(--rim);overflow:hidden;box-shadow:0 3px 0 var(--ink);padding:0}button.yut-row-token{cursor:pointer}.yut-row-token-home{opacity:.86;filter:saturate(.8)}.yut-row-token img,.yut-mini-token img{display:none}.yut-row-token i,.yut-mini-token i{position:absolute;right:0;top:0;min-width:19px;height:19px;display:grid;place-items:center;border-radius:999px;background:#ef4444;color:#fff;font-size:.66rem;font-style:normal;font-weight:1000;box-shadow:0 0 0 2px #fff}.yut-row-token i:empty,.yut-mini-token i:empty{display:none}.yut-result{grid-template-columns:minmax(12rem,.85fr) minmax(0,1.15fr);gap:1rem;align-items:center;overflow:hidden}.yut-result-art{position:relative;min-height:17rem;border-radius:1rem;background:radial-gradient(circle at 50% 50%,#2f8a4c,#11243a);overflow:hidden;border:3px solid var(--ink)}.yut-result-art img{position:absolute;width:auto;filter:drop-shadow(0 8px 0 rgba(0,0,0,.35))}.yut-result-art img:nth-child(1){left:3%;bottom:-10%;height:96%}.yut-result-art img:nth-child(2){right:5%;bottom:-8%;height:83%}.yut-result-art img:nth-child(3){right:38%;top:7%;width:28%;height:auto;border-radius:50%;background:#fff;border:5px solid var(--gold)}.yut-result-card{display:grid;gap:.65rem}.yut-result-card h2{margin:0;font-size:clamp(2rem,7vw,4.7rem);line-height:.9;font-weight:1000;text-transform:uppercase;color:var(--gold);text-shadow:0 4px 0 var(--ink)}.yut-result-card p{margin:0;font-weight:900}.yut-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr));gap:1rem;padding:1rem;border:4px solid #0b1238;border-radius:1.2rem;background:#fbf7ef;color:#15182a;box-shadow:0 8px #0b1238}.yut-credits{grid-column:1 / -1;margin:0;font-size:.9rem;font-weight:800}@media(pointer:coarse){.yut-game[data-mode=play]{position:fixed;z-index:80;inset:0;width:100vw;height:100dvh;padding:max(.35rem,env(safe-area-inset-top)) max(.35rem,env(safe-area-inset-right)) max(.35rem,env(safe-area-inset-bottom)) max(.35rem,env(safe-area-inset-left));background:#071433;overflow:hidden;contain:layout paint size}.yut-game[data-mode=play] .yut-play{display:flex;flex-direction:column;gap:.35rem;width:100%;height:calc(100dvh - max(.35rem,env(safe-area-inset-top)) - max(.35rem,env(safe-area-inset-bottom)));min-height:0;padding:.35rem;border-width:0;border-radius:.85rem;box-shadow:none;overflow:hidden}.yut-game[data-mode=play] .yut-topbar{flex:0 0 auto;grid-template-columns:38px minmax(0,1fr) auto 54px;gap:.28rem;margin:0}.yut-game[data-mode=play] .yut-icon{min-width:38px;min-height:36px;padding:.25rem .45rem!important;font-size:.72rem}.yut-game[data-mode=play] .yut-scorebox,.yut-game[data-mode=play] .yut-turnbox{min-height:36px;padding:.22rem .45rem;border-radius:.55rem}.yut-game[data-mode=play] .yut-scorebox small,.yut-game[data-mode=play] .yut-turnbox small,.yut-game[data-mode=play] .yut-panel h3,.yut-game[data-mode=play] .yut-team-row small{font-size:.52rem;letter-spacing:.08em}.yut-game[data-mode=play] .yut-scorebox b,.yut-game[data-mode=play] .yut-turnbox b{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yut-game[data-mode=play] .yut-arena{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto minmax(0,1fr);grid-template-areas:"board" "comment" "side" "teams";gap:.35rem;overflow:hidden}.yut-game[data-mode=play] .yut-board-panel{min-height:0;aspect-ratio:1 / 1;width:min(100%,51dvh);height:auto;max-height:51dvh;justify-self:center;border-width:2px;border-radius:.75rem}.yut-game[data-mode=play] .yut-board-panel canvas{min-height:0;height:100%}.yut-game[data-mode=play] .yut-commentary{max-height:2.05rem;padding:.32rem .48rem;border-left-width:4px;border-radius:.5rem;font-size:.78rem;line-height:1.15;overflow:hidden}.yut-game[data-mode=play] .yut-side{grid-area:side;min-height:0;display:grid;grid-template-columns:12.5rem minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:.3rem;overflow:hidden}.yut-game[data-mode=play] .yut-throw-box{grid-column:1;grid-template-columns:6.5rem auto;align-items:center;padding:.32rem;border-radius:.65rem;gap:.35rem}.yut-game[data-mode=play] .yut-throw-box canvas{width:6.2rem;height:3.95rem;aspect-ratio:auto;border-radius:.55rem}.yut-game[data-mode=play] .yut-throw-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.3rem;min-width:0}.yut-game[data-mode=play] .yut-throw-actions button{min-width:5.2rem;min-height:42px;padding:.42rem .7rem!important}.yut-game[data-mode=play] .yut-throw-actions p{min-width:0;font-size:.74rem;line-height:1.1;max-height:2.2rem;overflow:hidden}.yut-game[data-mode=play] .yut-panel,.yut-game[data-mode=play] .yut-teams{padding:.32rem;border-radius:.65rem;gap:.22rem}.yut-game[data-mode=play] .yut-queue-panel{grid-column:2;grid-row:1;min-width:0;min-height:4.55rem}.yut-game[data-mode=play] .yut-move-panel{display:none}.yut-game[data-mode=play] .yut-queue,.yut-game[data-mode=play] .yut-row{gap:.25rem;min-height:1.8rem}.yut-game[data-mode=play] .yut-chip{min-height:34px;padding:.25rem .45rem!important;font-size:.72rem}.yut-game[data-mode=play] .yut-chip b{font-size:.95rem}.yut-game[data-mode=play] .yut-teams{grid-area:teams;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:0}.yut-game[data-mode=play] .yut-team-row{grid-template-columns:auto minmax(0,1fr);gap:.12rem .3rem;align-content:start}.yut-game[data-mode=play] .yut-team-row b{grid-column:1 / -1;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yut-game[data-mode=play] .yut-team-row small{align-self:center}.yut-game[data-mode=play] .yut-row-token,.yut-game[data-mode=play] .yut-mini-token{width:31px;height:31px;border-width:3px;box-shadow:0 2px 0 var(--ink)}.yut-game[data-mode=play] .yut-row-token i,.yut-game[data-mode=play] .yut-mini-token i{min-width:15px;height:15px;font-size:.55rem}}@media(max-width:900px){.yut-menu-grid{grid-template-columns:1fr}.yut-throw-table{grid-template-columns:repeat(2,minmax(0,1fr))}.yut-arena{grid-template-columns:1fr;grid-template-areas:"board" "comment" "side" "teams"}.yut-board-panel{height:min(54dvh,34rem)}.yut-result{grid-template-columns:1fr}.yut-poster-leoul{left:-5%}.yut-poster-lenyang{right:-7%}}@media(max-width:540px){.yut-screen{padding:.7rem}.yut-topbar{grid-template-columns:auto 1fr auto}.yut-turnbox{grid-column:1 / -1}.yut-poster-title b{font-size:clamp(2rem,17vw,4.7rem)}.yut-poster-leoul{height:72%}.yut-poster-lenyang{height:66%}}@media(pointer:coarse)and (max-width:540px){.yut-game[data-mode=play] .yut-topbar{grid-template-columns:38px minmax(0,1fr) minmax(4.5rem,5.7rem) 54px}.yut-game[data-mode=play] .yut-turnbox{grid-column:auto;min-width:0}}@media(max-height:480px)and (orientation:landscape){.yut-game[data-mode=play] .yut-play{padding:.35rem}.yut-topbar{margin-bottom:.35rem}.yut-game[data-mode=play] .yut-arena{grid-template-columns:minmax(0,1fr) 18rem;grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"board side" "comment side" "teams side"}.yut-game[data-mode=play] .yut-board-panel{width:100%;height:100%;max-height:none;aspect-ratio:auto}.yut-game[data-mode=play] .yut-board-panel,.yut-game[data-mode=play] .yut-board-panel canvas{min-height:0}.yut-game[data-mode=play] .yut-side{grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr)}.yut-game[data-mode=play] .yut-throw-box{grid-column:1;grid-template-columns:minmax(0,1fr) auto}.yut-game[data-mode=play] .yut-throw-box canvas{width:100%;height:3.45rem;aspect-ratio:auto}.yut-game[data-mode=play] .yut-throw-actions{grid-template-columns:auto;align-content:center}.yut-game[data-mode=play] .yut-throw-actions p{display:none}.yut-game[data-mode=play] .yut-throw-actions button{min-width:5rem;min-height:40px;padding:.35rem .65rem!important}.yut-game[data-mode=play] .yut-queue-panel{grid-column:1;grid-row:2;min-height:3rem}.yut-game[data-mode=play] .yut-teams{grid-area:teams;grid-template-columns:1fr 1fr;align-content:start;overflow:hidden}.yut-game[data-mode=play] .yut-teams .yut-team-row{grid-template-columns:1fr;gap:.1rem}.yut-game[data-mode=play] .yut-teams .yut-team-row b{font-size:.72rem}.yut-game[data-mode=play] .yut-teams .yut-team-row small{display:none}.yut-game[data-mode=play] .yut-row-token,.yut-game[data-mode=play] .yut-mini-token{width:28px;height:28px}.yut-commentary{font-size:.82rem;padding:.45rem .6rem}}
