@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#070b19;--pink:#ff249c;--cyan:#71d9ff;--line:#25485c;--text:#eaf5ff;--muted:#8b9ab5;--cell-font:1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Outfit','Noto Sans JP',sans-serif}button{font:inherit;cursor:pointer;color:inherit;background:#0a1325;border:1px solid #325169;border-radius:8px;transition:background .18s,box-shadow .18s,transform .18s}button:hover{background:#152c43;border-color:var(--cyan)}button:focus-visible,.pad-focus{outline:3px solid var(--cyan);outline-offset:3px;box-shadow:0 0 24px #51d8ff88!important}button:disabled{opacity:.38;cursor:not-allowed}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.ambient{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 15%,#30103388,transparent 60%),radial-gradient(ellipse at 20% 85%,#0d3f5955,transparent 60%);pointer-events:none}header{height:76px;padding:0 3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #264356;background:#050a15e8;position:relative;z-index:2}.brand{background:none;border:0;font-size:24px;font-weight:800;letter-spacing:-1px;padding:0;white-space:nowrap}.brand b{font-size:29px;font-style:italic}.brand i{color:var(--pink)}.brand small{font-size:12px;color:var(--cyan);font-weight:500;letter-spacing:1px;margin-left:16px}.crown{color:#ffe396;font-size:32px}.tagline{font-size:13px;letter-spacing:3px;color:#9fd3e5}.icon-btn{padding:10px 15px;border:0;background:none}.icon-btn span{margin-left:8px;font-size:13px}#title-screen{position:relative;min-height:calc(100vh - 76px);overflow:hidden;padding:46px 7% 0}.hero-art{position:absolute;inset:0 0 170px 35%;background-image:linear-gradient(90deg,var(--bg),transparent 24%),linear-gradient(0deg,var(--bg),transparent 25%),url('../assets/reference-title.png');background-size:100% 100%,100% 100%,auto 150%;background-position:center,center,right top;opacity:.88;z-index:-1}.title-content{width:440px;max-width:100%;position:relative}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--cyan);font-weight:500}h1{font-size:clamp(70px,7.2vw,120px);font-weight:900;line-height:.86;font-style:italic;letter-spacing:-6px;margin:25px 0 16px;text-shadow:0 3px 22px #67c3ff22}h1>span:first-child{color:var(--pink);text-shadow:0 0 30px #fc168477}.logo-dot{color:var(--cyan)}.title-content h2{font-size:20px;letter-spacing:6px;color:var(--cyan);margin:0 0 14px}.title-copy{font-size:18px;letter-spacing:4px;margin:12px 0 24px}.title-copy small{display:block;color:#acbdd0;font-size:11px;letter-spacing:2px;line-height:1.9;margin-top:10px}.primary{background:linear-gradient(110deg,#ab0872,#e81e99);border:1px solid #ff96d7;box-shadow:0 0 25px #f62dad44,inset 0 0 12px #ffb2e433}.primary:hover{background:linear-gradient(110deg,#c31a86,#fa3fab);box-shadow:0 0 32px #ff1a9c77}.start{width:340px;max-width:100%;height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-radius:5px;font-size:18px}.start span:first-of-type{font-size:27px;font-weight:700;letter-spacing:3px}.title-links{display:flex;gap:8px;width:340px;max-width:100%;margin-top:12px}.title-links button{padding:12px 9px;font-size:11px;flex:1;background:#071320dd;white-space:nowrap}.title-links span{color:var(--cyan);margin-left:5px}.muted{font-size:10px;color:var(--muted);min-height:14px}.difficulty-section{margin-top:30px;position:relative}.section-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:2px;color:var(--muted);margin-bottom:12px}.difficulties{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.difficulty{border-color:var(--accent);padding:18px 20px;text-align:left;position:relative;background:linear-gradient(135deg,#10223add,#070b19fa);min-height:122px;border-radius:8px;overflow:hidden}.difficulty:before{content:'✦';position:absolute;right:15px;top:-12px;font-size:105px;color:var(--accent);opacity:.12}.difficulty.selected{background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 18%,#060b15),#0a1427);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 20%,transparent),inset 0 0 25px #ffffff04}.difficulty .level{font-size:10px;color:var(--accent);letter-spacing:3px;display:block}.difficulty strong{font-size:19px;display:block;margin:8px 0;color:var(--accent)}.difficulty small{font-size:10px;color:#b8cee0}.difficulty .check{position:absolute;right:12px;top:12px;color:var(--accent)}footer{padding:26px 0 20px;display:flex;align-items:center;gap:20px;font-size:12px;letter-spacing:2px;color:var(--cyan)}footer span{font-size:9px;color:var(--muted)}footer small{margin-left:auto;font-size:11px;color:#c2d6e8}#game-screen{display:grid;grid-template-columns:minmax(145px,.7fr) minmax(350px,2.3fr) minmax(250px,1.05fr);gap:22px;padding:26px 2.5% 16px;height:calc(100dvh - 76px)}.character{position:relative;min-width:0;overflow:hidden;border-radius:12px}.character-art{position:absolute;inset:0;background-image:linear-gradient(0deg,var(--bg),transparent 40%),url('../assets/reference-game.png');background-size:100% 100%,auto 120%;background-position:center,left 35%;opacity:.8}.character-copy{position:absolute;top:30px;left:8px;font-size:clamp(15px,1.6vw,28px);font-weight:700;line-height:1.7;transform:rotate(-8deg);text-shadow:0 2px 8px #000}.speech{position:absolute;bottom:30px;left:0;right:0;background:#080b1be8;border:1px solid #79678c;border-radius:10px;padding:22px 15px 10px}.speech label{position:absolute;top:-13px;background:var(--pink);padding:4px 15px;font-size:12px;transform:rotate(-5deg)}.speech p{font-size:12px;line-height:1.9;margin:0}.puzzle-area{display:flex;flex-direction:column;align-items:center;min-height:0;min-width:0}.puzzle-meta{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 0 16px;gap:12px}.puzzle-meta h2{font-size:16px;font-weight:500;margin:8px 0 0;letter-spacing:2px}.timer{text-align:right}.timer small{font-size:8px;letter-spacing:2px;color:var(--muted);display:block;margin-bottom:5px}.timer time{font-size:23px;letter-spacing:2px;font-variant-numeric:tabular-nums}.board-frame{border:1px solid #459cca;border-radius:12px;padding:9px;background:#040d19d9;box-shadow:0 0 22px #2cbeff19;max-width:100%;width:min(100%,calc(100dvh - 248px));aspect-ratio:1;min-height:0}#board{display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);height:100%;gap:2px;container-type:inline-size}.cell{position:relative;border:0;border-radius:1px;background:#f1f5fc;color:#161e32;font-family:'Noto Sans JP',sans-serif;min-width:0;min-height:0;padding:0;display:flex;align-items:center;justify-content:center;font-size:calc(var(--cell-font) * 53cqw / var(--cols));font-weight:500;line-height:1;isolation:isolate}.cell:hover{background:#dbeefb}.cell .num{position:absolute;top:5%;left:7%;font-size:calc(13cqw / var(--cols));font-family:Outfit,sans-serif;color:#53647a;font-weight:600}.cell.fixed{background:#d9e9f1;color:#152d46}.cell.fixed:after{content:'•';position:absolute;right:5%;bottom:1%;color:#427a94;font-size:11px}.cell.selected{background:#fff0fc;box-shadow:inset 0 0 0 3px var(--pink),0 0 16px #ff20ac88;z-index:1}.cell.related{background:#f7ddf1;box-shadow:inset 0 0 0 2px #df68b9}.cell.block{background:#091222;background-image:linear-gradient(135deg,transparent 48%,#1c304533 49%,#1c304533 51%,transparent 52%);pointer-events:none}.board-bottom{display:flex;justify-content:space-between;width:100%;font-size:10px;color:var(--cyan);margin:15px 0;letter-spacing:1px}.keyboard-help{font-size:9px;color:var(--muted);text-align:center;margin:0}.control-panel{display:flex;flex-direction:column;gap:14px;min-height:0;overflow-y:auto;padding:2px 3px 5px}.panel{border:1px solid #285978;border-radius:10px;background:#070d1ce8;padding:18px}.gauge-card{border-color:#8c387b;box-shadow:0 0 17px #ff279611}.gauge-card>div:first-child{display:flex;justify-content:space-between;font-size:13px;color:#ffa1dc}.gauge-card b{color:#fff}.gauge-track{height:8px;background:#182133;border-radius:10px;margin:14px 0 10px;overflow:hidden}#gauge-fill{height:100%;width:0;background:linear-gradient(90deg,#ff92d0,#ff169d);box-shadow:0 0 13px var(--pink);transition:width .5s}.gauge-card small{font-size:9px;color:var(--muted)}.palette-card{padding:16px}.palette-card h2{font-size:16px;color:var(--text);letter-spacing:1px;margin:0}.palette-card p{font-size:9px;color:var(--cyan);margin:0 0 14px}.palette-card .section-label{margin-bottom:8px}#palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.kanji{aspect-ratio:1;padding:0;border:1px solid #718095;background:linear-gradient(140deg,#333b50,#141d2e);font-size:clamp(16px,1.8vw,27px);border-radius:5px;position:relative}.kanji.used{color:#8395ab;border-color:#38465e}.kanji.active{border-color:var(--pink);background:#502042;color:#fff}.kanji small{position:absolute;right:3px;bottom:0;font-size:8px;color:var(--cyan)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions button{padding:12px 4px;font-size:11px}#hint{border-color:#a95694}#hint-count{background:#455d8e;border-radius:20px;padding:1px 5px;margin-left:3px}.last-card{margin-top:auto;border:1px solid #4f3457;border-radius:10px;padding:20px 10px;text-align:center;background:radial-gradient(ellipse at center,#37113055,transparent)}.last-card>span{font-size:25px;color:#f6d892;margin-right:8px}.last-card strong{font-size:20px;font-style:italic;color:#987790;letter-spacing:1px}.last-card p{font-size:10px;color:var(--muted);margin:10px 0 0}.last-card.active{border-color:var(--pink);box-shadow:0 0 20px #fa23a255}.last-card.active strong{color:#fff;text-shadow:0 0 12px var(--pink)}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#111e32f5;border:1px solid var(--cyan);border-radius:10px;padding:14px 24px;opacity:0;pointer-events:none;transition:.2s;z-index:8;text-align:center;font-size:13px;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}#combo{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%) scale(.8);font-weight:900;font-style:italic;font-size:clamp(35px,6vw,90px);color:white;text-shadow:0 0 15px var(--pink),0 0 40px var(--pink);pointer-events:none;opacity:0;z-index:6}#combo.show{animation:combo 1.6s ease both}@keyframes combo{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}20%,75%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-60%) scale(1.05)}}dialog{background:#0b1425;color:var(--text);border:1px solid #56859b;border-radius:16px;max-width:min(560px,92vw);width:560px;padding:35px;box-shadow:0 0 80px #299cd333}dialog::backdrop{background:#020510bb;backdrop-filter:blur(9px)}dialog .close{position:absolute;top:10px;right:10px;border:0;background:transparent;font-size:24px}dialog h2{font-size:25px;margin:0 0 18px}dialog p,dialog li{font-size:13px;line-height:1.9;color:#c7d8e8}dialog li{margin-bottom:12px}dialog button:not(.close){padding:12px 22px;margin:8px 6px 0 0}dialog label{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #23334b;font-size:13px}dialog input{accent-color:var(--pink)}.clear-title{color:var(--pink);font-size:42px!important;font-style:italic}.result-stat{font-size:30px;color:var(--cyan);margin:14px 0}.word-list{display:flex;flex-wrap:wrap;gap:8px;max-height:170px;overflow:auto}.word-list span{background:#142a40;padding:5px 10px;border-radius:5px;font-size:12px}.records{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.record{border:1px solid #32516a;border-radius:8px;padding:12px;font-size:11px}.record.done{border-color:var(--pink);color:#ff9ed5}.reduced-motion *{animation:none!important;transition:none!important}.large-text{--cell-font:1.13}
@media(min-width:1500px){#title-screen{padding-top:65px}.title-content{width:500px}.difficulty-section{margin-top:45px}.difficulty{min-height:140px;padding:24px}#game-screen{gap:30px;padding-top:32px}.panel{padding:22px}.actions button{padding:16px 5px}.speech p{font-size:15px}.board-frame{width:min(100%,calc(100dvh - 260px))}}
@media(max-width:1100px){.tagline{display:none}#game-screen{grid-template-columns:minmax(0,1fr) 265px;gap:18px}.character{display:none}.title-content{width:360px}.difficulty{padding:15px 12px}.difficulty strong{font-size:16px}.difficulty small{font-size:9px}.hero-art{left:25%}.keyboard-help{font-size:8px}}
@media(max-width:700px){header{height:60px;padding:0 16px}.brand{font-size:17px}.brand b{font-size:22px}.brand small{display:none}.crown{font-size:24px}.icon-btn{padding:8px}#title-screen{padding:34px 22px 0;min-height:calc(100dvh - 60px)}.hero-art{inset:0 -90px 290px 0;opacity:.48;background-size:100% 100%,100% 100%,auto 145%;background-position:center,center,80% top}.title-content{width:100%}.eyebrow{font-size:8px;letter-spacing:2px}h1{font-size:80px;letter-spacing:-4px;margin-top:28px}.title-content h2{font-size:16px}.title-copy{font-size:14px}.title-copy small{font-size:10px}.start,.title-links{width:100%}.start{height:57px}.difficulty-section{margin-top:25px}.section-label{font-size:8px;letter-spacing:1px}.difficulties{grid-template-columns:1fr 1fr;gap:10px}.difficulty{min-height:113px}.difficulty strong{font-size:16px}.difficulty small{font-size:9px;line-height:1.6;display:block}.difficulty:before{font-size:80px}.difficulty .level{font-size:8px}footer{padding:25px 0;font-size:10px;flex-wrap:wrap;gap:9px}footer small{display:none}footer span{font-size:7px}#game-screen{height:auto;min-height:calc(100dvh - 60px);display:flex;flex-direction:column;gap:14px;padding:18px 10px 20px}.puzzle-area{order:0}.puzzle-meta{padding:0 5px;margin-bottom:12px}.puzzle-meta h2{font-size:14px;margin-top:5px}.timer time{font-size:20px}.board-frame{width:100%;padding:5px;border-radius:8px;aspect-ratio:1}.board-bottom{margin:11px 0 0;font-size:9px;padding:0 3px}.keyboard-help{display:none}.control-panel{order:1;overflow:visible;display:grid;grid-template-columns:1fr;gap:12px;padding:0}.palette-card{order:0;padding:13px}.actions{order:1;grid-template-columns:repeat(3,1fr)}.actions button{padding:13px 3px;font-size:10px}.gauge-card{order:2;padding:13px}.gauge-card small{display:none}.gauge-track{margin-bottom:0}.last-card{order:3;padding:10px}.last-card p{display:none}.last-card strong{font-size:17px}#palette{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.kanji{font-size:24px}.palette-card p{font-size:9px;margin-bottom:10px}.palette-card h2{font-size:14px}.character{display:block;order:2;height:100px;min-height:100px}.character-art{width:105px;background-size:auto 400%;background-position:left 33%;border-radius:10px}.character-copy{display:none}.speech{left:115px;bottom:0;top:12px;padding:15px 12px 5px}.speech p{font-size:11px}.speech label{font-size:10px;padding:3px 12px}.cell .num{font-size:max(8px,calc(13cqw / var(--cols)))}dialog{padding:30px 23px}.result-stat{font-size:24px}}
h1>span:not(.logo-dot){color:var(--pink);text-shadow:0 0 30px #fc168477}
.hero-art{background-image:linear-gradient(90deg,var(--bg),transparent 24%),linear-gradient(0deg,var(--bg),transparent 25%),url('../assets/gimme-background.png')}
.character-art{background-image:linear-gradient(0deg,var(--bg),transparent 40%),url('../assets/gimme-background.png');background-size:100% 100%,auto 160%;background-position:center,65% top}
@media(min-width:701px) and (max-height:850px){#title-screen{padding-top:28px}.title-content h1{font-size:88px;margin:20px 0 12px}.title-copy{margin:10px 0 16px}.title-copy small{margin-top:5px}.difficulty-section{margin-top:17px}.difficulty{min-height:106px;padding:13px 18px}.difficulty strong{margin:6px 0}footer{padding:18px 0}.start{height:55px}}
@media(max-width:700px){.character-art{background-size:100% 100%,auto 200%;background-position:center,70% top}}
.cell .num{font-size:max(9px,calc(15cqw / var(--cols)))}
.board-actions{display:flex;gap:10px;width:100%;justify-content:center;margin-top:12px}.board-actions button{padding:10px 18px;font-size:12px;min-height:42px}.board-actions #board-erase:not(:disabled){border-color:var(--pink);background:#421631;box-shadow:0 0 12px #ff249c22}.board-bottom{gap:8px}
@media(min-width:701px){.board-frame{width:min(100%,calc(100dvh - 300px))}.board-bottom{margin:10px 0}.board-actions{margin-top:10px}}
@media(max-width:700px){.board-actions button{flex:1;padding:10px 8px}.board-bottom{font-size:8px}}
@media(min-width:701px){#palette.dense{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:701px) and (max-height:850px){.control-panel{gap:10px}.gauge-card{padding:12px}.gauge-card small{display:none}.gauge-track{margin:10px 0 0}.palette-card{padding:12px}.palette-card p{margin-bottom:10px}.actions button{padding:10px 3px}.last-card{padding:10px}.last-card strong{font-size:17px}.last-card p{margin-top:6px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.wordmark{display:inline-block;font-family:Outfit,sans-serif;font-weight:900;font-style:italic;letter-spacing:-.055em;white-space:nowrap;color:#f3f8ff;text-shadow:0 2px 14px #71d9ff33}.wordmark .wordmark-k{color:var(--pink);text-shadow:0 0 18px #ff249c66}h1 .wordmark{font-size:clamp(40px,5vw,66px);color:#f3f8ff!important;letter-spacing:-.055em;text-shadow:0 2px 14px #71d9ff33!important}.last-card>.wordmark{font-size:clamp(19px,1.8vw,27px);margin:0;color:#f3f8ff}.last-card.active .wordmark{text-shadow:0 0 14px var(--pink)}

.game-logo{display:block;width:100%;height:auto;object-fit:contain}.brand{display:flex;align-items:center}.brand .game-logo{width:210px}.title-content h1{line-height:1;margin:22px 0 18px;font-size:inherit}.title-content h1 .game-logo{width:100%;filter:drop-shadow(0 0 14px #ff249c22)}.last-card .game-logo{max-width:270px;margin:auto}@media(max-width:700px){.brand .game-logo{width:174px}.title-content h1{margin:24px 0 18px}.last-card .game-logo{max-width:230px}}

.cell.crossing:not(.selected):not(.related){background:#def2f5}.cell.fixed.crossing:not(.selected):not(.related){background:#c9e4ec}.puzzle-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.puzzle-filters label{display:flex;flex-direction:column;gap:8px;min-width:0;border:0;font-size:11px}.puzzle-filters select{width:100%;min-width:0;padding:9px 5px;background:#111e32;color:#eaf5ff;border:1px solid #48768b;border-radius:6px;font:inherit}dialog .records button{width:100%;margin:0;padding:12px 8px;text-align:left;line-height:1.9;overflow-wrap:anywhere}.record span{color:#a8cddc}.record strong{color:var(--cyan)}#legacy-results h3{font-size:14px;margin-top:25px}@media(max-width:700px){.records{grid-template-columns:repeat(2,minmax(0,1fr))}.puzzle-filters{grid-template-columns:1fr}.puzzle-filters label{padding:4px 0}.title-links{flex-wrap:wrap}.title-links button{padding:12px 6px}}

#submit-answer{grid-column:1/-1;padding:14px;font-size:14px;font-weight:700}

/* One continuous background behind the header and both screens. */
body{min-height:100dvh;background:linear-gradient(90deg,#070b19f5 0%,#070b19dc 28%,#070b1933 70%),linear-gradient(0deg,#070b19 0%,transparent 65%),url('../assets/gimme-background.png') center top/cover fixed no-repeat}
header{border:0;background:transparent}.header-actions{display:flex;align-items:center;gap:8px}.hero-art{display:none}.ambient{display:none}
.start{justify-content:center;font-size:27px;font-weight:700;letter-spacing:3px}
#game-screen.paused{visibility:hidden;pointer-events:none}.pause-actions{display:grid;gap:8px}.pause-actions button{margin:0!important}
.puzzle-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){header{position:sticky;top:0;background:linear-gradient(#070b19ee,#070b1977);backdrop-filter:blur(8px)}.header-actions{gap:0}#pause-game{font-size:12px;padding:10px 6px;white-space:nowrap}.puzzle-filters{grid-template-columns:1fr}body{background-position:65% top}}

@media(max-width:700px){.brand .game-logo{width:140px}.icon-btn{padding:8px 5px}#sound-toggle{font-size:12px;white-space:nowrap}}
/* Visual refresh: title composition, larger board, unified game controls. */
:root{--panel:#091323e8;--edge:#8ccee72b}
body{background-image:linear-gradient(90deg,#060b18ee 0%,#060b1899 35%,#060b1820 75%),linear-gradient(0deg,#050a17 0%,#050a1722 65%),url('../assets/gimme-background.png')}
body.playing{background-image:linear-gradient(90deg,#050c1cec,#071124c9),url('../assets/gimme-background.png')}
.game-header{height:82px;max-width:1600px;margin:auto;padding:0 36px;display:flex;justify-content:space-between;gap:24px;background:none;backdrop-filter:none}
body:not(.playing) .game-header{position:absolute;top:0;right:0;left:0;max-width:none;justify-content:flex-end;padding:24px 4vw;z-index:4}
body:not(.playing) .session-info,body:not(.playing) .timer{display:none}
.session-info,.header-tools,.header-actions{display:flex;align-items:center}.session-info{gap:18px;min-width:0}.header-tools{gap:28px;margin-left:auto}.header-actions{gap:10px}
.session-label{display:flex;flex-direction:column;gap:5px}.session-label .eyebrow{font-size:15px;font-weight:600;letter-spacing:1.5px;color:#f0f6ff}#puzzle-theme{font-size:10px;letter-spacing:3px;color:#84a2b9}
.round-btn{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;padding:11px;border-radius:50%;border:1px solid #9ec9e337;background:#0b1825c4;color:#c0e3f3;box-shadow:0 4px 20px #0003}
.round-btn svg{width:22px;height:22px;display:block}.round-btn:hover{background:#19324a;border-color:#80dbff88;transform:translateY(-1px)}.round-btn.muted{color:#748397;background:#07101bd9}.pause-button{background:#18273bc9;border-color:#88bfe65c;color:#fff}
.timer{display:flex;gap:10px;align-items:center;color:#90adc0}.timer>span{display:block;width:17px;height:17px}.timer svg{width:100%;height:100%}.timer time{font-size:19px;letter-spacing:1.5px;color:#d9e9f5}
#title-screen{min-height:100dvh;display:grid;grid-template-rows:1fr auto auto;padding:84px 7vw 0;overflow:visible}
.title-content{align-self:center;width:min(44vw,560px);max-width:100%;text-align:center;padding:20px 0 18px}
.title-eyebrow{font-size:9px;letter-spacing:4px;color:#80b0c5;margin-bottom:18px}.title-content h1{margin:0 -4% 14px;line-height:1}.title-content h1 .game-logo{filter:drop-shadow(0 8px 24px #07081880)}
.title-content h2{font-size:16px;letter-spacing:8px;font-weight:500;margin:0 0 18px}.title-copy{font-size:18px;letter-spacing:4px;line-height:1.8;margin:0 0 24px}.title-copy small{font-size:11px;letter-spacing:1.5px;line-height:1.9;margin-top:10px;color:#9cafc6}
.start{width:340px;margin:0 auto;height:60px;font-size:25px;letter-spacing:5px;border-radius:9px;box-shadow:0 8px 35px #ff138c33,inset 0 1px #ffc1ec55}.title-links{margin:12px auto 0;width:340px;gap:8px}.title-links button{border:1px solid #92d1f030;background:#0a1421c4;font-size:11px;padding:13px 7px;border-radius:8px}.muted{font-size:10px;margin:12px 0 0;opacity:.8}
.difficulty-section{margin:20px 0 0}.difficulty-section>.section-label{margin:0 2px 14px;letter-spacing:2px}.difficulties{gap:14px}.difficulty{min-height:112px;padding:19px 22px;background:linear-gradient(125deg,#0c182ade,#080f1be8);border-color:color-mix(in srgb,var(--accent) 38%,transparent);border-radius:12px}.difficulty:before{font-size:80px;top:0;right:12px;opacity:.08}.difficulty.selected{border-color:var(--accent);box-shadow:0 5px 24px color-mix(in srgb,var(--accent) 12%,transparent)}.difficulty strong{font-size:18px;margin:8px 0}.difficulty small{font-size:10px}.difficulty .level{font-size:9px;letter-spacing:2px}footer{padding:22px 0;font-size:10px;opacity:.75}footer small{font-size:10px}
#game-screen{max-width:1600px;margin:auto;grid-template-columns:minmax(0,1fr) clamp(285px,26vw,360px);gap:28px;height:calc(100dvh - 82px);padding:4px 36px 20px;align-items:start}
#game-screen>.character{display:none}.puzzle-area{height:100%;justify-content:center;min-width:0}.board-frame{flex-shrink:0;width:min(100%,calc((100dvh - 188px)*var(--board-ratio,1)));aspect-ratio:var(--board-ratio,1);padding:8px;border:1px solid #70cef575;border-radius:14px;background:#071323ef;box-shadow:0 14px 60px #0007,0 0 28px #36baff0d}
#board{gap:2px;border-radius:6px;overflow:hidden}.cell{background:#edf3f9;font-weight:500}.cell.block{background:#101d2d;background-image:linear-gradient(135deg,#21375022,transparent)}.cell .num{font-size:clamp(9px,calc(14cqw / var(--cols)),15px);color:#6a7b8c}
.board-actions{margin-top:14px;gap:10px}.board-actions button{background:#0b1a2ce6;border-color:#5689a64d;border-radius:8px;font-size:11px;padding:9px 20px;min-height:38px}.board-bottom{margin:10px 0 0;max-width:100%;font-size:10px;color:#98bed1}.keyboard-help{margin-top:8px;font-size:9px;opacity:.6}
.control-panel{height:100%;gap:12px;padding:0 2px 4px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#304963 transparent}.panel{border-color:var(--edge);background:var(--panel);box-shadow:0 8px 24px #0002;border-radius:12px}.gauge-card{padding:14px 18px}.gauge-card>div:first-child{font-size:12px;color:#c6a6be}.gauge-card b{font-size:13px}.gauge-track{height:5px;margin:10px 0 8px}.gauge-card small{display:block;font-size:9px;color:#71869e}.palette-card{padding:18px}.palette-card h2{font-size:15px}.palette-card p{font-size:10px;color:#809eb1;line-height:1.6;margin:0 0 14px}#palette{gap:8px;grid-template-columns:repeat(5,minmax(0,1fr))}#palette.dense{grid-template-columns:repeat(6,minmax(0,1fr))}.kanji{font-size:clamp(21px,2vw,30px);background:linear-gradient(145deg,#26354a,#152234);border-color:#9bbace60;border-radius:8px;box-shadow:inset 0 1px #ffffff0a}.kanji:hover{background:#29445d}.kanji.used{color:#708ba1;border-color:#65859d33}.kanji.active{color:#fff;background:#49243f;border-color:#ff67b6}
.actions{gap:8px;grid-template-columns:1fr 1fr}.actions button{padding:12px 8px;font-size:11px;border-color:#88b8d338;background:#0c1b2ee0;border-radius:8px}.actions #submit-answer{font-size:14px;padding:15px;background:linear-gradient(110deg,#a80972,#de258f);border-color:#fa83c888}.actions #undo,.actions #erase,.actions #back-title{display:none}.actions #hint{border-color:#be6eaa66}
.last-card{padding:18px 12px;background:none;border:0;box-shadow:none;margin-top:auto}.last-card .game-logo{width:190px;max-width:80%;opacity:.85}.last-card p{font-size:10px;color:#91aec2;margin-top:8px}.last-card.active{background:radial-gradient(ellipse,#8e1f5b33,transparent);border:0;box-shadow:none}.last-card.active .game-logo{opacity:1;filter:drop-shadow(0 0 15px #ff239c66)}
dialog{border:1px solid #83b9d455;background:linear-gradient(145deg,#14233bf5,#080f1cfb);border-radius:20px;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#030918b5;backdrop-filter:blur(8px)}dialog h2{letter-spacing:1px}.pause-actions{margin-top:22px}.pause-actions button{border-radius:10px;min-height:48px}
@media(min-width:1700px){#title-screen{padding-left:9vw;padding-right:9vw}.title-content{width:min(42vw,640px)}.title-content h2{font-size:20px}.title-copy{font-size:22px}.start,.title-links{width:390px}.start{height:68px}.difficulty{min-height:138px;padding:24px 28px}.difficulty strong{font-size:22px}.difficulty small{font-size:12px}#game-screen{max-width:1900px;grid-template-columns:minmax(0,1fr) 400px}.game-header{max-width:1900px}.kanji{font-size:32px}.actions button{padding:16px}.palette-card{padding:22px}}
@media(min-width:701px) and (max-height:760px){#title-screen{padding-top:58px}.title-content{padding:6px 0;width:min(40vw,440px)}.title-eyebrow{margin-bottom:8px}.title-content h1{margin-bottom:8px}.title-content h2{font-size:14px;margin-bottom:10px}.title-copy{font-size:16px;margin-bottom:14px}.title-copy small{display:none}.start{height:52px}.difficulty-section{margin-top:14px}.difficulty{min-height:100px;padding:15px 18px}footer{padding:16px 0}.game-header{height:68px}#game-screen{height:calc(100dvh - 68px);gap:20px;padding-top:0}.board-frame{width:min(100%,calc((100dvh - 165px)*var(--board-ratio,1)))}.gauge-card{padding:10px 15px}.gauge-card small{display:none}.palette-card{padding:13px}.palette-card p{margin-bottom:10px}.control-panel{gap:9px}.actions button{padding:10px 5px}.last-card{padding:8px}.last-card .game-logo{width:145px}.last-card p{display:none}}
@media(max-width:900px) and (min-width:701px){.game-header{padding:0 22px}#game-screen{padding:0 22px 16px;gap:18px;grid-template-columns:minmax(0,1fr) 270px}.header-tools{gap:18px}.title-content{width:48vw}.difficulty{padding:15px 12px}.difficulty strong{font-size:16px}.difficulty small{font-size:9px}#palette{gap:6px}.kanji{font-size:23px}}
@media(max-width:700px){
 body{background-position:62% top}body.playing{background-position:center top}
 .game-header{height:66px;padding:0 14px;position:sticky;top:0;z-index:4;background:#07101ded;backdrop-filter:blur(12px);gap:10px}.session-info{gap:9px}.session-info .round-btn{width:30px;flex-basis:30px;height:38px;padding:7px;border:0;background:none;box-shadow:none}.session-label .eyebrow{font-size:10px;letter-spacing:.5px;white-space:nowrap}#puzzle-theme{font-size:8px;letter-spacing:1px}.header-tools{gap:10px}.header-actions{gap:6px}.round-btn,#pause-game{width:36px;height:36px;flex-basis:36px;padding:8px;font-size:inherit}.round-btn svg{width:19px;height:19px}.timer{display:none}
 body:not(.playing) .game-header{height:66px;padding:16px 20px;background:none;backdrop-filter:none}
 #title-screen{padding:76px 22px 0;min-height:100dvh;grid-template-rows:1fr auto auto}.title-content{width:100%;padding:20px 0 12px}.title-eyebrow{font-size:8px;letter-spacing:3px;margin-bottom:18px}.title-content h1{margin:0 -3% 15px}.title-content h2{font-size:14px;letter-spacing:6px}.title-copy{font-size:16px;margin-bottom:24px}.title-copy small{font-size:10px}.start,.title-links{width:100%;max-width:360px}.start{height:56px;font-size:23px}.title-links button{font-size:10px;padding:12px 5px}.muted{font-size:9px}.difficulty-section{margin-top:22px}.difficulty-section>.section-label{font-size:8px;letter-spacing:1px}.difficulties{grid-template-columns:1fr 1fr;gap:10px}.difficulty{padding:15px 12px;min-height:108px}.difficulty .level{font-size:8px;letter-spacing:1px}.difficulty strong{font-size:16px;margin:7px 0}.difficulty small{font-size:9px}.difficulty:before{font-size:65px}.difficulty .check{right:8px;top:8px}footer{justify-content:center;gap:7px;font-size:10px;padding:22px 0}footer span{font-size:7px}
 #game-screen{height:auto;min-height:calc(100dvh - 66px);display:flex;padding:8px 10px 24px;gap:18px}.puzzle-area{height:auto;width:100%}.board-frame{width:100%;padding:5px;border-radius:9px;aspect-ratio:var(--board-ratio,1)}.cell .num{font-size:max(9px,calc(14cqw / var(--cols)))}.board-actions{margin-top:10px;gap:8px}.board-actions button{padding:10px 5px;min-height:39px}.board-bottom{font-size:9px;margin-top:10px}.keyboard-help{display:none}
 .control-panel{height:auto;width:100%;overflow:visible;display:flex;gap:12px}.gauge-card{order:0;padding:12px 15px}.gauge-card small{display:none}.gauge-track{margin-bottom:0}.palette-card{order:1;padding:14px}.actions{order:2;grid-template-columns:1fr 1fr}.last-card{order:3;padding:14px}.last-card .game-logo{width:170px}.last-card p{display:block}.palette-card h2{font-size:14px}#palette,#palette.dense{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.kanji{font-size:24px;border-radius:6px}.kanji small{font-size:7px}.actions button{padding:13px 5px}dialog{padding:30px 22px}
}
@media(max-width:370px){.game-header{padding:0 8px}.session-info{gap:5px}.header-actions{gap:4px}.session-label .eyebrow{font-size:9px}.round-btn,#pause-game{width:32px;height:32px;flex-basis:32px;padding:7px}.header-tools{gap:4px}#title-screen{padding-left:18px;padding-right:18px}.kanji{font-size:21px}}
.round-btn.muted{margin:0;min-height:0;opacity:1;font-size:inherit}
@media(max-width:700px){
 .round-btn,#pause-game{width:40px;height:40px;flex-basis:40px;padding:10px}
 .session-label{padding-bottom:16px}#puzzle-theme{display:none}
 .header-tools .timer{display:flex;position:absolute;left:53px;top:38px;gap:5px;height:15px}.timer>span{width:10px;height:10px}.timer time{font-size:10px;letter-spacing:1px}
 body:not(.playing) .header-tools .timer{display:none}
}
@media(max-width:370px){.round-btn,#pause-game{width:34px;height:34px;flex-basis:34px;padding:8px}.header-tools .timer{left:43px}}
/* GIMME accompanies desktop play, and welcomes every player in pause/results. */
.companion-card{position:relative;padding:0 0 8px;flex-shrink:0;overflow:hidden}
.companion-portrait{height:clamp(120px,20dvh,215px);width:100%;background:linear-gradient(0deg,#07101f,transparent 40%),url('../assets/gimme-background.png') 75% 20%/150% auto no-repeat;border-radius:14px 14px 0 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.last-card .companion-line{font-size:11px;line-height:1.8;color:#c4d9e7;margin:0 16px 12px;min-height:2em}
.companion-card .game-logo{width:165px}.companion-card>p:last-child{font-size:9px;opacity:.6}
.modal-character{height:190px;margin:-35px -35px 26px;position:relative;overflow:hidden;background:linear-gradient(90deg,#081424de,transparent 70%),linear-gradient(0deg,#102036,transparent 50%),url('../assets/gimme-background.png') 75% 18%/cover no-repeat;border-radius:19px 19px 0 0}
.character-message{position:absolute;left:32px;bottom:22px;max-width:55%}.character-message>span{font-size:10px;font-weight:700;letter-spacing:3px;color:#ff84c7}.character-message p{font-size:14px;line-height:1.9;color:#f0e7f4;margin:9px 0 0;text-shadow:0 2px 12px #000}
.modal-character.clear{background-image:linear-gradient(90deg,#30152cdd,transparent 70%),linear-gradient(0deg,#142039,transparent 50%),url('../assets/gimme-background.png')}.modal-character.clear:after{content:'✧';position:absolute;right:22px;top:20px;color:#ffd2ed;font-size:36px;text-shadow:0 0 20px #ff48b3;pointer-events:none}
#modal:has(.modal-character)>.close{z-index:1;width:32px;height:32px;display:grid;place-items:center;padding:0;background:#061021aa;border:1px solid #a2c1d844;border-radius:50%;font-size:20px;color:#fff}
@media(min-width:701px) and (max-height:760px){.companion-portrait{height:110px}.last-card .companion-line{display:block;font-size:10px;margin-bottom:6px}.companion-card .game-logo{width:130px}}
@media(max-width:700px){.companion-portrait,.last-card .companion-line{display:none}.companion-card{padding:14px}.modal-character{height:155px;margin:-30px -22px 22px;background-position:76% 15%;background-size:140% auto}.character-message{left:20px;bottom:16px;max-width:56%}.character-message>span{font-size:9px;letter-spacing:2px}.character-message p{font-size:11px;line-height:1.8;margin-top:7px}.modal-character.clear:after{font-size:25px;right:16px}}
@media(max-height:640px){.modal-character{height:125px;margin-bottom:18px}.character-message{bottom:14px}dialog:has(.modal-character){max-height:92dvh}}
.companion-portrait{height:clamp(85px,14dvh,155px)}
.companion-card .game-logo{width:145px}
.last-card .companion-line{font-size:10px;line-height:1.7;margin:0 12px 8px;min-height:0}
.companion-card>p:last-child{display:none}
@media(min-width:701px) and (max-height:760px){.companion-portrait{height:80px}.companion-card .game-logo{width:120px}}
/* Keep the desktop companion within the space left by the game controls. */
@media(min-width:701px){
 .control-panel>.gauge-card,.control-panel>.palette-card,.control-panel>.actions{flex-shrink:0}
 .companion-card{display:flex;flex-direction:column;flex:1 1 0;min-height:0;margin-top:0;padding:0;overflow:hidden}
 .companion-card .game-logo{display:none}
 .companion-portrait{flex:1 1 auto;min-height:0;max-height:180px;height:auto;background-position:75% 18%}
 .last-card .companion-line{flex:0 0 auto;margin:5px 10px 0;line-height:1.6;font-size:10px}
}
.choice-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 15px}.choice-toolbar p{margin:0;font-size:12px}.choice-toolbar button{margin:0!important;font-size:11px;padding:9px 13px!important}#choice-pages{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}#choice-pages button{font-size:11px;margin:0;padding:10px 14px}#choice-pages span{font-size:12px;color:#9dbed1;font-variant-numeric:tabular-nums}
/* Word hints never cover the game with an answer or insert letters. */
.clear-board-actions{display:flex;justify-content:center;gap:10px;margin-top:14px;width:100%}.clear-board-actions button{min-height:44px;border-radius:8px;padding:10px 22px;font-size:13px}.clear-board-actions[hidden],.board-actions[hidden]{display:none!important}
@media(max-width:700px){.clear-board-actions button{flex:1;padding:10px 8px;font-size:12px}}
.hint-dialog{width:min(580px,calc(100vw - 32px));max-height:90dvh;padding:28px;overflow-y:auto}
.hint-dialog h2{margin:8px 0}.hint-help{font-size:11px!important;color:#aac5d7!important;line-height:1.6}
.hint-select{display:flex;flex-direction:column!important;align-items:stretch!important;gap:7px;font-size:12px;margin:16px 0}
.hint-select select{width:100%;max-width:100%;min-height:44px;background:#0c192d;color:#e8f2ff;border:1px solid #5384a0;border-radius:8px;padding:8px;font-size:12px}
#hint-location>p{font-size:12px;margin:10px 0}#hint-location>small{font-size:10px;color:#9bb5c8;display:block;margin-top:7px}
.hint-cells{display:flex;gap:4px}.hint-cells>span{position:relative;display:grid;place-items:center;width:42px;height:46px;padding-top:7px;border:1px solid #78c4df88;background:#e4edf4;color:#13283b;border-radius:5px;font-size:25px}.hint-cells small{position:absolute;left:4px;top:2px;font-size:9px;color:#526f81}
.hint-chat{display:flex;align-items:center;gap:16px;margin:20px 0}.hint-portrait{flex:0 0 116px;height:140px;border-radius:14px;background:url('../assets/gimme-background.png') 76% 20%/285% auto no-repeat;box-shadow:inset 0 -22px 22px #081528}
.hint-bubble{flex:1;min-width:0;background:#1c2942;border:1px solid #9a648d88;border-radius:14px;padding:15px}.hint-bubble>span{font-size:10px;letter-spacing:2px;color:#ff91ca}.hint-bubble p{font-size:14px;line-height:1.9;margin:8px 0 0;color:#f2e8f3;overflow-wrap:anywhere}
.hint-buttons{display:flex;gap:8px}.hint-buttons button{flex:1;font-size:12px;min-height:44px;margin:0!important;padding:10px!important}
.cell.hint-target{box-shadow:inset 0 0 0 3px #cc73b7;background:#f9e8f4}.record-trophy{display:block;margin:8px 0 3px;font-size:13px!important}.record>small{display:block;color:#9fb7cc;font-size:10px;line-height:1.5}.crown,.gold{color:#ffdb89}.silver{color:#d6e5f7}.bronze{color:#e6b298}.trophy-result{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0}.trophy-result>span{font-size:48px}.trophy-result strong{font-size:19px}.award-guide{font-size:11px!important;color:#a3bdcd!important;line-height:1.9}.best-record{font-size:12px!important;border:1px solid #55728b66;border-radius:9px;padding:12px}
.gauge-card small{margin-top:8px;display:block}.actions #hint b{font-size:10px;font-weight:500}
@media(max-width:700px){
 .hint-dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:100%;max-height:84dvh;border-radius:20px 20px 0 0;padding:22px 18px max(18px,env(safe-area-inset-bottom));box-sizing:border-box}
 .hint-chat{gap:10px;margin:14px 0}.hint-portrait{flex-basis:78px;height:112px;background-size:350% auto}.hint-bubble{padding:12px}.hint-bubble p{font-size:13px;line-height:1.7}.hint-select{margin:12px 0}.hint-dialog h2{font-size:22px}.hint-cells>span{width:36px;height:40px;font-size:22px}.hint-buttons{flex-wrap:wrap}.hint-buttons button{min-width:120px}.gauge-card small{display:block}.trophy-result strong{font-size:16px}
}

/* Collection and a slightly higher title composition. */
.title-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.title-content{transform:translateY(-16px)}
.collection-summary{padding:18px;background:#101e32;border:1px solid #6284a755;border-radius:12px;margin:18px 0}.collection-summary>strong{font-size:32px;color:#def1ff}.collection-summary>strong small{font-size:13px;color:#a9c5d9;font-weight:400}.collection-summary>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.collection-summary span{font-size:12px;text-align:center}.collection-summary b{display:block;font-size:23px;margin-top:5px}.collection-note{font-size:12px!important;color:#a6bdce!important;line-height:1.7}.collection-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.collection-item{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 3px;min-height:104px;background:#102036}.collection-item>small{font-size:10px}.collection-item>span{font-size:29px;line-height:1.2}.collection-item.unearned{color:#8799ae;background:#0b1526}.collection-item.crown{font-size:inherit}.record-detail-stats{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.record-detail-stats p{flex:1;text-align:center;background:#13233a;border-radius:8px;padding:14px 8px;font-size:11px}.record-detail-stats strong{display:block;font-size:18px;margin-top:9px;white-space:nowrap}
@media(max-width:700px){.title-content{transform:translateY(-8px)}.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.collection-item{min-height:92px}.collection-summary{padding:14px}.collection-summary span{font-size:11px}.record-detail-stats{gap:7px}.record-detail-stats strong{font-size:15px}}
@media(max-width:370px){.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media(min-width:701px){#title-screen{padding-top:64px}.title-content{padding-top:0;padding-bottom:0;transform:translateY(-8px)}}
@media(min-width:701px) and (max-height:760px){#title-screen{padding-top:52px}.title-content h1{max-width:420px;margin-left:auto;margin-right:auto}.title-links{margin-top:8px;gap:6px}.title-links button{padding:10px 7px}.title-copy{margin-bottom:12px}.title-content h2{margin-bottom:10px}}

.used-navigation{margin-top:12px;font-size:10px;color:#afc6d7}.used-navigation>div{display:flex;gap:6px;margin-top:5px}.used-navigation select{min-width:0;flex:1;background:#0d1b2e;color:#dceefa;border:1px solid #47667e;border-radius:6px;padding:7px;font:inherit}.used-navigation button{padding:8px 12px;min-height:36px}.kanji.used small{left:0;right:0;text-align:center;font-size:clamp(6px,.6vw,8px);white-space:nowrap}.kanji.used{padding-bottom:7px}.kanji.used:disabled{opacity:.65}
@media(max-width:700px){.used-navigation select,.used-navigation button{min-height:44px;font-size:12px}.kanji.used small{font-size:6px}}

#answer-notice{grid-column:1/-1;padding:14px;border:1px solid #f3a573;background:#382534;border-radius:10px;color:#ffddc5;text-align:left}#answer-notice strong,#answer-notice span{display:block}#answer-notice strong{font-size:15px;line-height:1.5}#answer-notice span{font-size:12px;line-height:1.8;margin-top:5px}
#toast[popover]{position:fixed;inset:auto 18px max(20px,env(safe-area-inset-bottom)) auto;margin:0;width:min(440px,calc(100vw - 36px));max-width:none;transform:none;box-sizing:border-box;padding:16px 14px 16px 18px;border:1px solid #64aacd;background:#101e32f5;color:#edf6ff;border-radius:12px;box-shadow:0 8px 32px #0008;text-align:left;white-space:normal;font-size:13px;pointer-events:auto;transition:none}#toast[popover]:popover-open{display:flex;align-items:flex-start;gap:14px}#toast[popover]>div{flex:1;min-width:0}#toast[popover] strong,#toast[popover] span{display:block}#toast[popover] strong{font-size:16px;margin-bottom:6px}#toast[popover] span{font-size:13px;line-height:1.8}#toast[popover] button{flex:0 0 36px;width:36px;height:36px;font-size:24px;line-height:1;background:transparent}#toast[data-kind="error"]{border-color:#ffab83}#toast[data-kind="error"] strong{color:#ffd0b5}#toast[data-kind="success"] strong{color:#9df2d8}
@media(max-width:700px){#toast[popover]{inset:auto 12px max(12px,env(safe-area-inset-bottom)) 12px;width:auto;padding:14px}#toast[popover] button{width:44px;height:44px;flex-basis:44px}}

.games-link{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;color:#b8e8ff;border:1px solid #709eb655;border-radius:8px;background:#091525b8;text-decoration:none;font-size:12px;letter-spacing:1px}.games-link:hover{color:#fff;border-color:#71d9ff;background:#173149}.games-link:focus-visible{outline:3px solid #71d9ff;outline-offset:3px}
@media(max-width:700px){footer{flex-wrap:wrap}.games-link{margin:4px auto 0;flex-basis:100%;max-width:240px}}

@media(min-width:701px){#title-screen>footer{padding-top:12px;padding-bottom:12px}}

/* Center the games link in the title footer without adding another desktop row. */
@media(min-width:701px){#title-screen>footer{position:relative;min-height:68px;padding-right:260px}.games-link{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}}
@media(max-width:700px){#title-screen>footer .games-link{position:static;margin:4px auto 0;flex-basis:100%}}

/* Preserve one-finger scrolling while disabling touch zoom. */
html,body{touch-action:pan-x pan-y}
.companion-sidebar{display:none}
/* Desktop companion / board / controls composition. */
@media(min-width:1200px){
 body.playing{background-image:linear-gradient(90deg,#060c1bd9,#071124ed 48%,#071124db),url('../assets/gimme-background.png')}
 body.playing .game-header{max-width:2000px;height:78px;padding:0 28px 0 calc(23% + 24px)}
 #game-screen{max-width:2000px;grid-template-columns:minmax(230px,1fr) minmax(0,2.05fr) minmax(280px,1.12fr);gap:22px;height:calc(100dvh - 78px);padding:0 28px 20px;align-items:stretch}
 .companion-sidebar{display:flex;flex-direction:column;position:relative;min-height:0;min-width:0}
 .sidebar-logo{position:absolute;bottom:calc(100% + 12px);left:4%;width:88%;max-height:64px;object-fit:contain}
 .companion-hint{z-index:1;padding:20px;border:1px solid #ed63c581;border-radius:16px;background:linear-gradient(135deg,#19152cec,#081322ed);box-shadow:0 0 28px #ee259c12}
 .companion-name{font-size:17px;font-style:italic;font-weight:700;color:#ff67c3;letter-spacing:1px}
 .companion-hint h2{font-size:22px;margin:12px 0;color:#f6eeff}
 .companion-hint p{min-height:4.8em;font-size:14px;line-height:1.8;margin:0 0 16px;color:#d7e8f6}
 .companion-hint label{display:block;font-size:10px;color:#aac2d6;margin-bottom:6px}
 .companion-hint select{width:100%;min-height:40px;background:#0c1b2e;border:1px solid #587d98;color:#d9edff;border-radius:8px;padding:7px;font:inherit;font-size:12px}
 .companion-hint button{width:100%;padding:12px 5px;margin-top:10px;border-color:#ca64ad;font-size:12px;background:#391b38}
 .companion-hint small{display:block;margin-top:9px;font-size:10px;color:#a4b9cc}
 .companion-sidebar .companion-card{position:relative;flex:1;min-height:120px;margin:0 -16px;padding:0;border:0;background:none;overflow:hidden}
 .companion-sidebar .companion-portrait{position:absolute;inset:0;height:100%;max-height:none;background-image:linear-gradient(0deg,#070e1b,transparent 25%),url('../assets/gimme-background.png');background-size:100% 100%,auto 115%;background-position:center,76% center;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 92%,transparent)}
 .companion-sidebar .companion-line{position:absolute;bottom:12px;left:20px;right:20px;padding:10px 12px;margin:0;border:1px solid #7195b34d;border-radius:10px;background:#080f20da;font-size:12px;line-height:1.8;color:#cee6f5}
 .companion-sidebar .game-logo{display:none}
 .puzzle-area{justify-content:center}
 .board-frame{width:min(100%,calc((100dvh - 198px)*var(--board-ratio,1)));border-radius:10px;padding:7px;border-color:#84c8ee99}
 .control-panel{padding:0 3px 4px;gap:12px}
 .control-panel .palette-card{order:0;padding:16px;background:#071223ed;border-color:#609abd77}
 .control-panel .actions{order:1}
 .control-panel .gauge-card{order:2;padding:15px;background:#091626db;border-color:#88704e66}
 .gauge-card small{display:block;color:#dec994}
 #palette{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
 #palette.dense{grid-template-columns:repeat(6,minmax(0,1fr))}
 .kanji{font-size:clamp(23px,2vw,34px);background:linear-gradient(145deg,#182e44,#0b192a);color:#c2eeff;border-color:#6e9eb888}
 .actions #submit-answer{grid-column:1/-1;min-height:50px;font-size:17px;letter-spacing:2px;box-shadow:0 0 20px #ec249b2b}
 .actions #hint{display:none}
 .actions button{min-height:40px;padding:10px 5px}
}
@media(min-width:1200px) and (max-height:800px){
 #game-screen{gap:16px;padding-bottom:12px}
 .companion-hint{padding:14px}.companion-hint h2{margin:8px 0;font-size:19px}.companion-hint p{min-height:3.6em;margin-bottom:10px;font-size:12px}.companion-hint button{padding:9px 4px}
 .control-panel{gap:8px}.control-panel .palette-card{padding:12px}.palette-card p{margin-bottom:8px}.control-panel .gauge-card{padding:10px 12px}
 #palette{grid-template-columns:repeat(5,minmax(0,1fr))}.kanji{font-size:23px}.actions #submit-answer{min-height:44px;padding:10px}.actions button{min-height:36px;padding:8px 4px}
}
@media(pointer:coarse){select,input,textarea{font-size:16px!important}}

/* Fit the original puzzle tightly, preserving its native proportions. */
.board-frame{display:grid;place-items:center;aspect-ratio:var(--board-ratio,1);width:min(100%,calc((100dvh - 184px) * var(--board-ratio,1)))}
.board-frame #board{width:100%;height:100%}
.board-zoom{display:none}
@media(min-width:701px) and (max-width:1199px) and (max-height:760px){
 .board-frame{width:min(100%,calc((100dvh - 170px) * var(--board-ratio,1)))}
}
@media(max-width:700px){
 #game-screen{padding-left:max(4px,env(safe-area-inset-left));padding-right:max(4px,env(safe-area-inset-right))}
 .board-frame{width:100%;padding:3px;border-radius:7px}
 .control-panel{padding-left:6px;padding-right:6px}
 .board-zoom{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%;margin-bottom:8px}
 .board-zoom button{min-width:44px;min-height:44px;padding:6px 12px;font-size:16px}
 .board-zoom output{min-width:48px;text-align:center;font-size:13px;color:var(--cyan);font-variant-numeric:tabular-nums}
 .board-zoom #zoom-reset{font-size:12px}
 .board-frame{display:block;place-items:start;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-width:none}
 .board-frame::-webkit-scrollbar{display:none}
 .board-frame #board{width:calc(100% * var(--board-zoom,1));height:calc(100% * var(--board-zoom,1));max-width:none}
}