:root{color:#fff7df;font-synthesis:none;text-rendering:optimizelegibility;--ink:#24170f;--cream:#fff4cf;--paper:#f5dfae;--gold:#f4bc3f;--gold-dark:#8f541f;--brown:#5b321b;--green:#46a447;--blue:#2879b7;--red:#bd4636;--cyan:#48d3e8;--shadow:0 8px 0 #140b07a6, 0 16px 30px #00000073;background:#17232b;font-family:ui-rounded,Hiragino Maru Gothic ProN,Yu Gothic,Meiryo,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overscroll-behavior:none;min-height:100svh;overflow:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app,.screen{width:100%;min-height:100svh}.screen{isolation:isolate;background-position:50%;background-size:cover;position:relative;overflow:hidden}.screen--home{background-image:url(/assets/museum-exterior.png)}.screen--gallery{background-image:url(/assets/museum-gallery.png)}.screen__shade{z-index:-1;pointer-events:none;background:linear-gradient(#050a0e1f,#050a0e2e 45%,#05080cad),radial-gradient(circle at 50% 46%,#0000 15%,#0000001f 80%);position:absolute;inset:0}.screen__sparkles{z-index:1;pointer-events:none;position:absolute;inset:0}.screen__sparkles i{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#fff4ac;width:8px;height:8px;animation:2.6s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 12px 4px #ffd95ebf}.screen__sparkles i:first-child{top:11%;left:14%}.screen__sparkles i:nth-child(2){animation-delay:.6s;top:17%;right:18%}.screen__sparkles i:nth-child(3){animation-delay:1.1s;top:36%;left:5%}.screen__sparkles i:nth-child(4){animation-delay:1.7s;top:31%;right:6%}.screen__header{z-index:5;grid-template-columns:1fr auto 1fr;align-items:start;min-height:clamp(74px,12vh,118px);padding-top:clamp(10px,1.5vh,18px);display:grid;position:relative}.screen__header-action{justify-content:flex-end;padding:1vh 2vw;display:flex}.title-plaque{color:#fff7df;text-align:center;background:linear-gradient(#9b3c20,#5e2118);border:4px solid #3d2417;border-radius:8px;min-width:min(50vw,620px);padding:clamp(7px,1.1vh,14px) 4vw clamp(9px,1.3vh,16px);position:relative;box-shadow:inset 0 0 0 3px #f3bd3f,inset 0 0 22px #ffc03447,0 5px #25160f,0 12px 20px #0006}.title-plaque:before,.title-plaque:after{content:"✦";color:#ffd95b;font-size:clamp(17px,2vw,28px);position:absolute;top:50%;transform:translateY(-50%)}.title-plaque:before{left:1.2vw}.title-plaque:after{right:1.2vw}.title-plaque small{color:#fbd980;letter-spacing:.2em;margin-bottom:2px;font-size:clamp(9px,.8vw,13px);font-weight:900;display:block}.title-plaque h1{letter-spacing:.08em;text-shadow:0 3px #2b140e,0 0 10px #ffd35873;margin:0;font-size:clamp(22px,2.35vw,38px);line-height:1}.screen__content{z-index:2;min-height:calc(100svh - clamp(74px,12vh,118px));padding:0 2.5vw 2vh;position:relative}.home-screen .screen__content{min-height:100svh;padding:0}.game-button{color:#fff8df;cursor:pointer;text-shadow:0 2px #000c;border:3px solid #26170f;border-radius:7px;justify-content:center;align-items:center;min-width:clamp(110px,12vw,190px);min-height:clamp(42px,6.2vh,64px);padding:.65vh 1.4vw;transition:transform .12s,filter .12s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffe59199,inset 0 -8px #0003,0 5px #1d120c,0 9px 14px #00000052}.game-button:after{content:"";pointer-events:none;border:1px dashed #fff5c25c;border-radius:3px;position:absolute;inset:4px}.game-button:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-2px)scale(1.02)}.game-button:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 0 0 2px #ffe5918c,inset 0 5px #0000003b,0 2px #1d120c}.game-button:focus-visible{outline-offset:3px;outline:4px solid #fff28e}.game-button:disabled{cursor:not-allowed;filter:grayscale(.8)brightness(.7);opacity:.7}.game-button--green{background:linear-gradient(#59bd52,#28742e)}.game-button--blue{background:linear-gradient(#3f9ed7,#235b94)}.game-button--gold{color:#321b0e;text-shadow:0 1px #fff1ac;background:linear-gradient(#ffd75f,#c98225)}.game-button--brown{background:linear-gradient(#9c5d2d,#553018)}.game-button--red{background:linear-gradient(#da654c,#8d2d26)}.game-button--ghost{background:linear-gradient(#323b3df0,#181f22f5)}.game-button__icon{z-index:1;place-items:center;min-width:1.45em;font-size:clamp(18px,1.7vw,27px);font-weight:1000;display:grid;position:relative}.game-button__label{z-index:1;letter-spacing:.04em;flex-direction:column;font-size:clamp(14px,1.3vw,21px);font-weight:1000;line-height:1.05;display:flex;position:relative}.game-button__label small{letter-spacing:.15em;opacity:.82;margin-top:4px;font-size:.48em}.screen-toolbar{z-index:15;bottom:max(1.5vh, env(safe-area-inset-bottom));justify-content:center;align-items:center;gap:clamp(8px,1vw,16px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.screen-toolbar--compact .game-button{min-width:125px;min-height:44px}.character{aspect-ratio:1;-webkit-user-select:none;user-select:none;margin:0;display:block;position:relative}.character img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 8px 5px #00000080);display:block}.character--active{animation:.8s ease-in-out infinite alternate character-bob}.character--active:after{content:"";z-index:-1;border-radius:50%;position:absolute;inset:15%;box-shadow:0 0 24px 12px #ffd94f80}.home-hero{position:absolute;inset:0}.home-logo{z-index:4;color:#fff7c7;text-align:center;filter:drop-shadow(0 8px #361b0dd9)drop-shadow(0 12px 16px #00000080);width:min(67vw,820px);padding:.6vh 2vw 1.1vh;position:absolute;top:clamp(18px,3vh,40px);left:50%;transform:translate(-50%)}.home-logo:before{content:"";z-index:-1;background:linear-gradient(#5e2715f0,#28150ff7);border:5px solid #3e2113;border-radius:18px;position:absolute;inset:9% 4% 5%;transform:perspective(400px)rotateX(-2deg);box-shadow:inset 0 0 0 4px #d9962e,inset 0 0 0 8px #6f3b20}.home-logo__kicker{color:#ffe27a;letter-spacing:.2em;background:#5c2d1b;border:2px solid #dca03c;border-radius:999px;padding:3px 18px;font-size:clamp(8px,.8vw,13px);font-weight:1000;display:inline-block}.home-logo h1{letter-spacing:-.08em;justify-content:center;gap:.05em;margin:.05em 0 0;font-size:clamp(42px,5.5vw,92px);line-height:.98;display:flex}.home-logo h1 span:first-child{color:#ffdc39}.home-logo h1 span:last-child{color:#5fd3ff}.home-logo h1 span{-webkit-text-stroke:clamp(2px, .28vw, 5px) #432117;text-shadow:4px 4px #fff6b6,7px 7px #7c351f,0 0 18px #fff27fcc}.home-logo p{letter-spacing:.16em;margin:.45em 0 0;font-size:clamp(11px,1.2vw,19px);font-weight:900}.home-actions{z-index:6;grid-template-columns:repeat(2,minmax(190px,300px));gap:1.5vh 1vw;display:grid;position:absolute;top:54%;left:50%;transform:translate(-50%)}.home-actions .game-button{min-height:clamp(56px,8vh,82px)}.coming-soon{color:#cad7da;background:#141e23ed;border:3px solid #27353b;border-radius:7px;grid-column:1/-1;justify-content:center;align-items:center;gap:1.3em;min-height:clamp(42px,5.5vh,58px);font-weight:900;display:flex;box-shadow:inset 0 0 0 2px #6e9aa647,0 5px #0c1214e6}.coming-soon small{color:#17232b;background:#9eafb3;border-radius:999px;padding:.25em .8em;font-size:.72em}.home-subactions{z-index:6;gap:1vw;display:flex;position:absolute;bottom:4vh;left:50%;transform:translate(-50%)}.home-subactions .game-button{min-height:45px}.home-character{z-index:5;width:clamp(175px,22vw,370px);position:absolute;bottom:-5vh;left:clamp(1vw,4vw,75px)}.home-version{color:#ffffffb3;text-shadow:0 2px 3px #000;font-size:clamp(9px,.8vw,13px);position:absolute;bottom:1vh;right:1.5vw}.pixel-grid{--grid-columns:10;--grid-rows:10;grid-template-columns:repeat(var(--grid-columns), 1fr);grid-template-rows:repeat(var(--grid-rows), 1fr);width:min(43vh,33vw);aspect-ratio:var(--grid-columns) / var(--grid-rows);image-rendering:pixelated;background-color:#0000;background-image:linear-gradient(45deg,#ede8db 25%,#0000 25% 75%,#ede8db 75%),linear-gradient(45deg,#ede8db 25%,#f8f5ec 25% 75%,#ede8db 75%);background-position:0 0,5px 5px;background-repeat:repeat,repeat;background-size:10px 10px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:3px solid #38271d;display:grid;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffffa6}.pixel-grid__cell{background:var(--pixel-color);opacity:1;border:.5px solid #47413938;border-radius:0;outline:none;min-width:0;min-height:0;margin:0;padding:0}.pixel-grid__cell:disabled{opacity:1}.pixel-grid__cell--fillable:not(:disabled){cursor:crosshair}.pixel-grid__cell--silhouette{background:repeating-linear-gradient(135deg,#1e2326f2 0 5px,#3a4043f2 5px 9px)}.pixel-grid__cell--selected{z-index:2;border:3px solid #ffe34f;animation:.7s ease-in-out infinite alternate selected-pulse;position:relative;box-shadow:inset 0 0 0 2px #7c4a12,0 0 8px 2px #ffe34f}.pixel-grid__cell--locked{cursor:not-allowed;box-shadow:inset 0 0 0 1px #ffffff40}.pixel-grid--thumbnail{border-width:2px;width:clamp(54px,7.1vh,78px)}.pixel-grid--guide{width:clamp(80px,13vh,130px)}.art-frame{background:linear-gradient(135deg,#492818,#a5682d 20%,#492818 40%,#c48638 62%,#4b2919);border:clamp(7px,1.1vw,15px) ridge #9a602a;place-items:center;width:fit-content;padding:clamp(10px,1.5vh,18px);display:grid;position:relative;box-shadow:inset 0 0 0 4px #2e1a12,inset 0 0 16px #1f110b,0 10px #160c08bf,0 16px 28px #00000080}.art-frame--large .pixel-grid{width:min(49vh,37vw)}.art-label{color:#2c1a10;text-align:center;background:linear-gradient(#f1d59b,#c79c5e);border:3px ridge #c69148;flex-direction:column;min-width:45%;padding:4px 18px;display:flex;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px #382115}.art-label strong{font-size:clamp(12px,1.1vw,18px)}.art-label small{font-size:clamp(8px,.7vw,11px)}.gallery-selection{z-index:4;color:#3a2316;background:linear-gradient(#f7dfa4,#c99e60);border:3px solid #392219;border-radius:4px;align-items:baseline;gap:.5em;padding:5px 22px;display:flex;position:absolute;top:-.5vh;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 2px #fff0bd,0 5px #2a1912}.gallery-selection span{font-size:clamp(10px,.9vw,14px)}.gallery-selection strong{font-size:clamp(14px,1.35vw,21px)}.gallery-grid{z-index:3;background:#181819ad;border:8px ridge #815027;grid-template-columns:repeat(3,minmax(180px,1fr));gap:clamp(7px,1vh,12px) clamp(9px,1vw,16px);width:min(68vw,1050px);height:min(65vh,660px);margin:2.7vh auto 0;padding:clamp(10px,1.5vh,20px);display:grid;position:relative;overflow:auto;box-shadow:inset 0 0 30px #000c,0 9px #160c09d9}.gallery-artwork{color:#fff1c0;cursor:pointer;background:linear-gradient(135deg,#492d1df0,#231a17f5);border:5px ridge #8a572a;grid-template-rows:1fr auto;grid-template-columns:auto 1fr;align-items:center;gap:0 10px;min-height:0;padding:6px 12px 6px 7px;transition:transform .14s,filter .14s,box-shadow .14s;display:grid;position:relative;box-shadow:0 5px #0a0706cc}.gallery-artwork:hover,.gallery-artwork--selected{filter:brightness(1.14);transform:translateY(-2px)}.gallery-artwork--selected{border-color:#ffd854;box-shadow:0 0 12px 4px #ffd751b8,0 5px #0a0706cc}.gallery-artwork .pixel-grid{grid-row:1/3}.gallery-artwork>span{text-align:left;text-shadow:0 2px #000;align-self:end;font-size:clamp(12px,1.1vw,18px);font-weight:1000}.gallery-artwork>small{color:#f7c84f;text-align:left;align-self:start;font-size:clamp(8px,.7vw,11px);font-weight:900}.gallery-character{z-index:7;width:clamp(130px,16vw,260px);position:absolute;bottom:0;left:-1vw}.memory-timer{z-index:8;color:#fff2bd;text-align:center;background:linear-gradient(#36424a,#17252c);border:4px solid #302016;border-radius:6px;min-width:130px;padding:6px 16px;font-size:clamp(14px,1.5vw,24px);font-weight:1000;position:absolute;top:-.5vh;right:4vw;box-shadow:inset 0 0 0 2px #8ba6ad,0 5px #13100e}.memory-timer--danger{color:#fff;background:#a72f27;animation:.5s infinite alternate danger-pulse}.memory-layout{justify-content:center;align-items:center;height:min(68vh,680px);padding-bottom:9vh;display:flex}.memory-layout--battle{grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);gap:2vw;padding:0 2vw 9vh;display:grid}.memory-roster{flex-direction:column;gap:2vh;display:flex}.memory-player{color:#f4e3bb;background:#1e1b19e6;border:4px ridge #77502f;border-radius:7px;grid-template-columns:clamp(55px,7vw,110px) 1fr;align-items:center;padding:.5vh .8vw;display:grid;box-shadow:0 6px #0c0806b3}.memory-player .character{grid-row:1/3;width:clamp(55px,7vw,110px)}.memory-player strong{font-size:clamp(10px,1vw,16px)}.memory-player span{color:#ffd763;font-size:clamp(9px,.8vw,13px);font-weight:900}.memory-player--ready{border-color:#56c778}.memory-player--ready span{color:#77f29a}.character-speech{align-items:center;display:flex;position:absolute;bottom:7vh;left:2vw}.character-speech .character{width:clamp(120px,16vw,250px)}.character-speech span,.drawing-character span,.scoring-character span{color:#312016;background:#fff6dc;border:3px solid #493122;border-radius:18px;align-self:center;max-width:220px;padding:10px 16px;font-size:clamp(10px,1vw,16px);font-weight:900;position:relative;box-shadow:0 5px #20140eb3}.drawing-layout{justify-content:center;height:min(65vh,650px);padding-bottom:10vh;display:flex;position:relative}.art-frame--drawing .pixel-grid{width:min(48vh,36vw)}.drawing-character{align-items:center;display:flex;position:absolute;bottom:-1vh;left:0}.drawing-character .character{width:clamp(125px,16vw,260px)}.drawing-info{color:#f8e8bc;background:#211c19e6;border:4px ridge #856037;flex-direction:column;width:min(20vw,260px);padding:12px;display:flex;position:absolute;top:6vh;right:2vw;box-shadow:0 6px #120a07bf}.drawing-info__name{font-weight:1000}.drawing-info__hint{color:#f4c851;margin-top:6px;font-size:.76em}.palette{z-index:14;background:linear-gradient(#6f3f21,#3c2418);border:6px ridge #7a4721;border-radius:7px;align-items:center;gap:clamp(5px,.5vw,9px);min-height:clamp(52px,7vh,74px);padding:7px 12px;display:flex;position:absolute;bottom:10.5vh;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 2px #c58137,0 7px #24150e,0 12px 18px #00000073}.palette__brush{margin-right:5px;font-size:clamp(24px,3vw,42px);transform:rotate(-20deg)}.palette__color{aspect-ratio:1;cursor:pointer;border:4px solid #281b15;border-radius:4px;width:clamp(30px,3.4vw,50px);transition:transform .12s,box-shadow .12s;box-shadow:inset 0 0 0 2px #ffffff4d,0 3px #160e0a}.palette__color--selected{border-color:#fff06e;transform:translateY(-6px)scale(1.08);box-shadow:inset 0 0 0 2px #ffffff8c,0 0 12px 4px #ffd94b}.comparison-layout{justify-content:center;align-items:center;gap:3vw;height:min(67vh,680px);padding-bottom:8vh;display:flex}.comparison-card{flex-direction:column;align-items:center;gap:10px;display:flex}.art-frame--comparison .pixel-grid{width:min(38vh,29vw)}.comparison-card>strong{color:#342015;text-align:center;background:#edcf93;border:4px ridge #bb8745;min-width:55%;padding:5px 22px;box-shadow:0 5px #342015}.judge-orb{aspect-ratio:1;color:#f8d76b;background:#352217;border:7px double #cf9d3c;border-radius:50%;place-items:center;width:clamp(56px,6vw,90px);font-size:clamp(28px,3vw,46px);animation:1.4s linear infinite judge-spin;display:grid;box-shadow:0 0 20px #dc9f35}.judge-orb--complete{color:#74ed93;border-color:#74ed93;animation:.4s ease-out result-pop;box-shadow:0 0 20px #52cc72}.scoring-character{align-items:center;display:flex;position:absolute;bottom:6vh;left:1vw}.scoring-character .character{width:clamp(100px,13vw,210px)}.result-screen .screen__shade{background:radial-gradient(circle at 50% 40%,#ffd44833,#07090cc7)}.result-rays{aspect-ratio:1;opacity:.24;background:repeating-conic-gradient(from 0deg, #ffd94f 0 8deg, transparent 8deg 18deg);width:58vw;animation:22s linear infinite slow-spin;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.solo-result-layout{z-index:3;grid-template-columns:1fr minmax(330px,1.3fr) 1fr;align-items:center;height:min(68vh,690px);padding-bottom:8vh;display:grid;position:relative}.result-character{text-align:center;align-self:end}.result-character .character{width:min(24vw,340px);margin-inline:auto}.result-character span{color:#3c2618;background:#fff2c7;border-radius:99px;padding:5px 15px;font-weight:1000;display:inline-block}.result-center{flex-direction:column;align-items:center;gap:1.3vh;display:flex}.result-score{color:var(--rank-accent);text-align:center;filter:drop-shadow(0 6px #3f1c11);flex-direction:column;align-items:center;animation:.55s cubic-bezier(.18,.9,.25,1.3) result-pop;display:flex}.result-score>strong{-webkit-text-stroke:4px #5a2914;text-shadow:0 0 14px #ffdf67d9;font-size:clamp(54px,7vw,110px);line-height:.86}.result-score>strong small{font-size:.36em}.result-score>span{margin-top:8px;font-size:clamp(26px,3vw,48px);font-weight:1000}.result-score>em{color:#fff2ba;font-size:clamp(18px,2vw,32px);font-style:normal;font-weight:1000}.result-score>small{color:#d9eef4;margin-top:5px;font-size:clamp(9px,.8vw,13px)}.result-comparison{gap:1vw;display:flex}.result-comparison .pixel-grid{border-width:2px;width:min(15vh,12vw)}.judge{color:#3b2517;background:linear-gradient(#f5dca2,#c79758);border:7px ridge #8f622f;flex-direction:column;justify-self:center;align-items:center;gap:5px;min-width:min(20vw,260px);padding:18px;display:flex;transform:rotate(1deg);box-shadow:0 8px #2c180f}.judge__portrait{aspect-ratio:1;background:#3f2c22;border:6px double #6f431f;border-radius:50%;place-items:center;width:clamp(80px,10vw,145px);font-size:clamp(44px,5vw,74px);display:grid}.judge strong{font-size:clamp(12px,1.2vw,19px)}.judge span{font-size:clamp(10px,.9vw,14px);font-weight:900}.museum-guide{color:#382519;background:radial-gradient(circle at 50% 20%,#ffffff8a,#0000 40%),linear-gradient(#fff3d1,#e9ce92);border:10px ridge #95652f;width:min(78vw,1180px);height:min(68vh,690px);margin:0 auto;padding:clamp(18px,2.2vh,28px) clamp(24px,3vw,48px);box-shadow:inset 0 0 0 4px #5b351e,inset 0 0 35px #74482252,0 11px #26160f}.guide-page{text-align:center;height:100%}.guide-page h2{color:#612b1b;margin:0 0 1.4vh;font-size:clamp(20px,2.3vw,36px)}.guide-page>p{max-width:850px;margin:.7vh auto 2vh;font-size:clamp(12px,1.2vw,19px);font-weight:800}.guide-mode-cards{grid-template-columns:1fr 1fr;gap:3vw;max-width:850px;margin:3vh auto 0;display:grid}.guide-mode-cards article{background:#fffbe7b8;border:5px solid #9f6a34;border-radius:10px;padding:2vh 2vw;box-shadow:0 7px #6a4325}.guide-mode-cards h3{margin:.7vh 0;font-size:clamp(17px,1.8vw,28px)}.guide-mode-cards p{margin:0;font-size:clamp(11px,1vw,16px);font-weight:800}.guide-icon{aspect-ratio:1;border-radius:50%;place-items:center;width:clamp(62px,7vw,100px);font-size:clamp(32px,3.5vw,54px);display:inline-grid}.guide-icon--green{background:#bce0a8}.guide-icon--blue{background:#b2d9ed}.guide-tag{color:#fff;text-shadow:0 2px #333;border-radius:6px;padding:.15em .6em;display:inline-block}.guide-tag--green{background:#3b9b43}.guide-tag--blue{background:#367cb3}.guide-steps{justify-content:center;align-items:center;gap:1.3vw;margin-top:2vh;display:flex}.guide-step{background:#fffae8b3;border:4px solid #b98b4f;flex-direction:column;align-items:center;width:min(20vw,270px);min-height:min(39vh,370px);padding:1vh 1vw;display:flex}.guide-step>span,.control-number{aspect-ratio:1;color:#fff;background:#a53f2a;border-radius:50%;place-items:center;width:2em;font-weight:1000;display:grid}.guide-step h3{margin:.7vh 0;font-size:clamp(11px,1.1vw,18px)}.guide-arrow{color:#a66c2e;font-size:clamp(30px,3vw,50px);font-weight:1000}.guide-score{color:#e0442c;margin-top:5vh;font-size:clamp(50px,6vw,90px);font-weight:1000}.guide-score small{font-size:.35em}.guide-note{color:#813c27}.guide-battle-flow{grid-template-columns:repeat(3,1fr);gap:1vw;display:grid}.guide-battle-flow div{background:#ebf8ffb8;border:4px solid #6995b6;flex-direction:column;padding:1.2vh 1vw;display:flex}.guide-battle-flow strong{color:#24577c;font-size:clamp(12px,1.1vw,18px)}.guide-battle-flow span{margin-top:5px;font-size:clamp(10px,.9vw,14px)}.guide-characters{justify-content:center;align-items:end;height:min(29vh,280px);display:flex}.guide-characters .character{width:min(13vw,190px);margin-inline:-.8vw}.guide-rules{justify-content:center;gap:3vw;margin:0;padding:0;font-size:clamp(11px,1.1vw,17px);font-weight:1000;list-style:none;display:flex}.guide-rules li:before{content:"✓ ";color:#388c48}.controls-guide{grid-template-columns:repeat(3,1fr);gap:2vw;margin-top:3vh;display:grid}.controls-guide article{background:#fffbe7bf;border:5px solid #9e7138;border-radius:8px;min-height:min(39vh,390px);padding:2.3vh 1.5vw;position:relative;box-shadow:0 7px #69401f}.controls-guide h3{margin:1vh 0 3vh;font-size:clamp(15px,1.5vw,24px)}.controls-guide p{margin-top:3vh;font-size:clamp(10px,1vw,16px);font-weight:800}.control-number{position:absolute;top:1.4vh;left:1vw}.mini-palette{background:#4d2e1d;border:5px solid #704521;justify-content:center;gap:5px;padding:12px;display:flex}.mini-palette i{aspect-ratio:1;border:3px solid #2c1a11;width:min(3vw,42px)}.tap-demo{justify-content:center;align-items:center;gap:1vw;display:flex}.tap-demo i{aspect-ratio:1;color:#74501e;background:#fff;border:4px dashed #d5a129;place-items:center;width:min(7vw,100px);font-style:normal;font-weight:1000;display:grid}.timer-demo{aspect-ratio:1;color:#2f536c;background:#fff;border:10px solid #e1b834;border-radius:50%;place-items:center;width:min(8vw,110px);margin:auto;font-size:clamp(30px,4vw,58px);font-weight:1000;display:grid}.page-navigation{z-index:16;color:#fff0b0;align-items:center;gap:1.5vw;display:flex;position:absolute;bottom:2.2vh;left:50%;transform:translate(-50%)}.page-navigation .game-button{min-width:clamp(44px,4.5vw,65px);min-height:40px;padding:0}.page-navigation strong{text-align:center;text-shadow:0 2px #000;min-width:70px}.howto-screen .screen-toolbar{left:4vw;transform:none}.settings-panel{color:#3b281b;background:linear-gradient(#fff5d2f7,#e8cb91f7);border:10px ridge #9c6c35;width:min(62vw,900px);height:min(68vh,680px);margin:0 auto;padding:1vh 2vw;overflow:auto;box-shadow:inset 0 0 0 4px #654020,inset 0 0 30px #61371840,0 10px #24150e}.setting-row{border-bottom:2px solid #633d1b47;grid-template-columns:48px minmax(150px,.8fr) minmax(220px,1.2fr);align-items:center;gap:1vw;min-height:clamp(52px,8vh,76px);display:grid}.setting-row__icon{aspect-ratio:1;color:#fff;background:#3a82a2;border:3px solid #2c5e75;border-radius:50%;place-items:center;width:clamp(32px,3vw,44px);font-weight:1000;display:grid}.setting-row__label{flex-direction:column;display:flex}.setting-row__label strong{font-size:clamp(12px,1.2vw,19px)}.setting-row__label small{color:#795735;font-size:clamp(8px,.75vw,12px)}.setting-row__control{justify-content:flex-end;align-items:center;display:flex}.setting-row__control input[type=range]{accent-color:#d89b25;cursor:pointer;width:100%}.setting-row__control .game-button{min-width:90px;min-height:38px}.segmented-control{border:3px solid #6c421f;border-radius:5px;display:flex;overflow:hidden}.segmented-control button{color:#6b4c31;cursor:pointer;background:#ead7aa;border:0;min-width:70px;padding:7px 14px;font-weight:1000}.segmented-control button.is-active{color:#fff9dc;background:#d68d20}.settings-version{color:#75522e;text-align:right;padding-top:1vh;font-size:.75em}.credits-list{grid-template-columns:auto 1fr;gap:10px 18px;margin:0;display:grid}.credits-list dt{color:#865425;font-weight:1000}.credits-list dd{margin:0}.cpu-setup-panel{color:#eefaff;background:linear-gradient(135deg,#102730f5,#191c1ff2);border:9px ridge #487389;width:min(68vw,990px);min-height:min(65vh,650px);margin:0 auto;padding:2vh 3vw;box-shadow:inset 0 0 28px #27cdef24,0 10px #101417}.cpu-setup-copy{text-align:center}.cpu-setup-copy>span{color:#5edff3;letter-spacing:.24em;font-size:.7em;font-weight:1000}.cpu-setup-copy h2{margin:.4vh 0;font-size:clamp(20px,2.1vw,34px)}.cpu-setup-copy p{color:#bdd0d6;margin:0;font-size:clamp(10px,.9vw,15px)}.player-name-input,.cpu-count-select{justify-content:center;align-items:center;gap:1vw;margin:1.5vh auto;display:flex}.player-name-input>span,.cpu-count-select>span{color:#f7d76c;font-weight:1000}.player-name-input input{color:#2d2018;background:#fff5d7;border:4px solid #74502e;border-radius:4px;outline:none;min-width:220px;padding:8px 12px}.player-name-input input:focus{border-color:#58d6e8;box-shadow:0 0 10px #58d6e8}.cpu-count-select>div{border:3px solid #507589;border-radius:5px;display:flex;overflow:hidden}.cpu-count-select button{color:#b9cbd1;cursor:pointer;background:#243943;border:0;padding:7px 18px;font-weight:1000}.cpu-count-select button.is-active{color:#10252e;background:#65d9e8}.cpu-lineup{justify-content:center;align-items:end;height:min(31vh,310px);display:flex}.cpu-avatar{flex-direction:column;align-items:center;width:min(14vw,190px);margin-inline:-.5vw;display:flex}.cpu-avatar .character{width:100%}.cpu-avatar strong{color:#e9f6f8;text-overflow:ellipsis;white-space:nowrap;background:#1d323b;border:3px solid #547380;border-radius:4px;max-width:100%;margin-top:-1.5vh;padding:4px 9px;font-size:clamp(9px,.8vw,13px);overflow:hidden}.cpu-avatar--player strong{color:#33220f;background:#f5cf57;border-color:#c79a35}.cpu-note{color:#bcd3d9;background:#23485285;border:2px solid #56d2e56b;justify-content:space-between;padding:8px 12px;font-size:clamp(9px,.8vw,13px);display:flex}.cpu-note strong{color:#6ee0ef}.battle-screen .screen__content{padding-inline:1.5vw}.turn-timer{--timer-progress:360deg;z-index:12;aspect-ratio:1;color:#fff9d7;background:radial-gradient(circle, #1e3037 0 57%, transparent 59%), conic-gradient(#f2bf34 var(--timer-progress), #5d2724 0);border-radius:50%;place-items:center;width:clamp(62px,7vw,98px);display:grid;position:absolute;top:0;right:2vw;box-shadow:inset 0 0 0 4px #2b1911,0 5px #1b100c,0 0 14px #f2bf3473}.turn-timer span{grid-area:1/1;font-size:clamp(22px,2.5vw,38px);font-weight:1000}.turn-timer small{grid-area:1/1;align-self:end;margin-bottom:16%;font-size:.55em}.turn-timer--danger{animation:.45s infinite alternate danger-pulse}.battle-layout{grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;gap:1.5vw;height:min(63vh,640px);padding-bottom:8vh;display:grid}.battle-roster{flex-direction:column;gap:1.5vh;display:flex}.battle-player{color:#eee0ba;background:#1c1918eb;border:5px ridge #704c2d;border-radius:6px;grid-template-columns:clamp(65px,7vw,115px) 1fr;align-items:center;min-height:clamp(88px,13vh,135px);padding:.4vh .8vw;display:grid;position:relative;box-shadow:0 6px #0a0706bf}.battle-player--active{border-color:#ffe052;box-shadow:0 0 15px 5px #ffdc449e,0 6px #0a0706bf}.battle-player--eliminated{filter:grayscale();opacity:.65}.battle-player .character{width:clamp(65px,7vw,115px)}.battle-player>div{flex-direction:column;min-width:0;display:flex}.battle-player strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(10px,.9vw,15px);overflow:hidden}.battle-player span{color:#ffd455;font-size:clamp(16px,1.5vw,24px);font-weight:1000}.battle-player small{color:#aebec2;font-size:clamp(8px,.65vw,11px)}.battle-player em{color:#ff7a68;font-style:normal;font-weight:1000;position:absolute;top:5px;right:5px}.battle-board{flex-direction:column;align-items:center;gap:1vh;display:flex}.art-frame--battle .pixel-grid{width:min(42vh,32vw)}.turn-status{color:#f9e9b9;background:#231c18f5;border:4px ridge #95703c;gap:1.5vw;padding:6px 18px;display:flex;box-shadow:0 5px #1d120d}.turn-status strong{color:#ffe05b}.battle-feedback{z-index:10;color:#fff;background:#4d8f3b;border:4px solid #30180f;border-radius:7px;padding:6px 18px;font-size:clamp(20px,2.2vw,34px);font-weight:1000;animation:.35s ease-out result-pop;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px #26120c}.battle-feedback--wrong,.battle-feedback--timeout{background:#a8382e}.battle-help{min-width:120px;position:absolute;bottom:2vh;right:2vw}.completion-overlay{z-index:40;color:#ffe36c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c0a096b;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.completion-overlay strong{-webkit-text-stroke:4px #5c2a14;text-shadow:0 0 20px #fff4a8,0 8px #4f2312;font-size:clamp(48px,7vw,110px);animation:.55s cubic-bezier(.1,.9,.2,1.5) completion-bounce}.completion-overlay span{color:#3c2618;background:#fff1ba;border-radius:99px;margin-top:2vh;padding:7px 20px;font-weight:1000}.result-art-backdrop{opacity:.18;filter:saturate(1.3)brightness(1.2);position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)scale(1.5)}.result-art-backdrop .pixel-grid{width:min(52vh,42vw)}.ranking-board{z-index:4;flex-direction:column;gap:1.2vh;width:min(54vw,800px);margin:1vh auto 0;padding-bottom:9vh;display:flex;position:relative}.ranking-row{color:#f6e9c6;opacity:0;background:linear-gradient(90deg,#2d2622f7,#1d1b1bf7);border:6px ridge #83603b;grid-template-columns:clamp(58px,6vw,90px) clamp(55px,6vw,88px) 1fr auto;align-items:center;min-height:clamp(70px,11vh,110px);padding:0 2vw 0 0;display:grid;position:relative;transform:translateY(-18px)scale(.92);box-shadow:0 7px #0e0907cc}.ranking-row--revealed{opacity:1;animation:.42s cubic-bezier(.15,.8,.2,1.25) ranking-reveal;transform:none}.ranking-row--winner{color:#fff5b8;background:linear-gradient(90deg,#744518fa,#2e2118fa);border-color:#f2c44b;box-shadow:0 0 18px 6px #ffd6468c,0 7px #0e0907cc}.ranking-row__place{color:#f3c750;background:#00000040;justify-content:center;align-items:baseline;height:100%;padding-top:.18em;font-size:clamp(30px,4vw,62px);font-weight:1000;display:flex}.ranking-row__place small{font-size:.35em}.ranking-row .character{width:clamp(55px,6vw,88px)}.ranking-row>strong{font-size:clamp(13px,1.5vw,23px)}.ranking-row>span:not(.ranking-row__place){color:#ffdc5f;font-size:clamp(18px,2vw,31px);font-weight:1000}.ranking-row>em{color:#ffe469;font-size:clamp(26px,3vw,46px);font-style:normal;position:absolute;left:-2.5vw}.confetti{z-index:2;pointer-events:none;background-image:radial-gradient(circle,#f8d94f 0 3px,#0000 4px),radial-gradient(circle,#62d9e8 0 3px,#0000 4px),radial-gradient(circle,#e76255 0 3px,#0000 4px);background-position:12% 20%,70% 12%,84% 32%;background-size:90px 100px,110px 90px,130px 120px;animation:3s linear infinite confetti-fall;position:absolute;inset:0}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#070a0cc2;place-items:center;padding:3vh 3vw;display:grid;position:fixed;inset:0}.modal-panel{color:#3a281c;background:linear-gradient(#fff2ce,#e7c989);border:9px ridge #98672f;width:min(78vw,680px);max-height:82vh;animation:.25s ease-out result-pop;overflow:auto;box-shadow:inset 0 0 0 3px #5c381d,0 12px #1f130d,0 20px 50px #0009}.modal-panel>header{color:#fff1c4;background:#6e321e;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.modal-panel h2{margin:0;font-size:clamp(17px,1.7vw,26px)}.modal-panel header button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:28px}.modal-panel__body{padding:22px}.modal-panel__body>.game-button{margin:20px auto 0;display:flex}.help-list{gap:12px;margin:0;padding-left:1.7em;font-weight:800;line-height:1.6;display:grid}.portrait-notice{display:none}@keyframes twinkle{0%,to{opacity:.28;transform:scale(.7)rotate(0)}50%{opacity:1;transform:scale(1.35)rotate(45deg)}}@keyframes character-bob{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes selected-pulse{0%{filter:brightness()}to{filter:brightness(1.25)}}@keyframes danger-pulse{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.3);transform:scale(1.05)}}@keyframes judge-spin{to{transform:rotate(360deg)}}@keyframes result-pop{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes slow-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes completion-bounce{0%{opacity:0;transform:scale(.3)}70%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes ranking-reveal{0%{opacity:0;transform:translateY(-18px)scale(.88)}to{opacity:1;transform:none}}@keyframes confetti-fall{0%{background-position:12% -20%,70% -12%,84% -32%}to{background-position:12% 120%,70% 112%,84% 132%}}@media (height<=650px) and (orientation:landscape){.screen__header{min-height:76px}.screen__content{min-height:calc(100svh - 76px)}.title-plaque{padding-block:6px 8px}.gallery-grid,.museum-guide,.settings-panel{height:66vh}.palette{bottom:11.5vh}.home-logo{transform-origin:top;top:8px;transform:translate(-50%)scale(.86)}.home-actions{top:49%}.home-character{width:19vw}}@media (width<=960px) and (orientation:landscape){.gallery-grid{grid-template-columns:repeat(3,minmax(150px,1fr));width:74vw}.gallery-character{width:15vw}.memory-layout--battle,.battle-layout{grid-template-columns:minmax(125px,1fr) auto minmax(125px,1fr);gap:.8vw}.battle-player{grid-template-columns:54px 1fr}.battle-player .character{width:54px}.museum-guide{width:86vw}}@media (orientation:portrait){.screen>:not(.portrait-notice){visibility:hidden}.portrait-notice{z-index:999;visibility:visible;color:#fff2c5;text-align:center;background:linear-gradient(#0d191fd1,#0d191fe6),url(/assets/museum-gallery.png) 50%/cover;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.portrait-notice span{font-size:72px;animation:2s linear infinite slow-spin}.portrait-notice strong{background:#6b321e;border:5px ridge #b78339;padding:12px 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}