/* v0.3 — a bright invitation for children, with teacher controls out of sight. */
[hidden]{display:none!important}
body{background:linear-gradient(145deg,#e4f8ff 0%,#effcf6 55%,#fff8dc 100%);min-height:100dvh}
.topbar{background:#ffffff70;border-color:#d3e9e5;border-radius:0;min-height:84px;padding:15px 4%}
.topbar button{border-radius:24px;background:#ffffffe0;border-color:#d5e9e2;min-height:48px}
.home-screen .brand{visibility:hidden}.home-screen #help,.home-screen #sound,.home-screen #fullscreen{display:none}
.home-screen .topbar{background:transparent;border:0;position:absolute;inset:0 0 auto;z-index:2}
.home-screen #settings-open{font-size:16px;padding:10px 22px;color:#456d66;background:#ffffffa8;box-shadow:none}
.welcome{max-width:1320px;margin:auto;min-height:100svh;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:10px;padding:105px 5% 70px;overflow:hidden}
.welcome-copy{position:relative;z-index:1;text-align:center;padding-bottom:12px}
.welcome-copy h1{font-size:clamp(56px,5.8vw,86px);font-weight:900;letter-spacing:3px;line-height:1.2;color:#287f76;text-shadow:0 5px 0 #fff;white-space:nowrap}
.welcome-copy p{font-size:clamp(19px,1.8vw,25px);font-weight:650;line-height:1.6;margin-top:23px;color:#50766b}
.start-game{display:flex;align-items:center;justify-content:center;gap:26px;width:min(350px,100%);min-height:92px;margin:35px auto 0;border:4px solid #fff8d3;border-radius:34px;background:linear-gradient(#ffdd78,#ffb15b);color:#593e25;font-size:32px;font-weight:850;box-shadow:0 7px 0 #d78c42,0 16px 25px #cba75726}
.start-game:hover:not(:disabled){background:linear-gradient(#ffe393,#ffc16b);transform:translateY(-2px)}.start-game:active:not(:disabled){transform:translateY(4px);box-shadow:0 3px 0 #d78c42}.start-game span{font-size:25px}.start-game:focus-visible{outline:4px solid #1c8175;outline-offset:7px}
.welcome-characters{position:relative;min-width:0;height:clamp(320px,48vw,530px);display:flex;align-items:center;justify-content:center;isolation:isolate}
.welcome-characters img{position:relative;object-fit:contain;filter:drop-shadow(0 17px 10px #417b571c)}
.welcome-cat{width:65%;height:100%;z-index:1;transform:rotate(-5deg) translate(6%,-3%)}
.welcome-mouse{width:51%;height:78%;margin-left:-19%;z-index:2;transform:rotate(7deg) translate(4%,15%)}
.chase-trail{position:absolute;bottom:2%;left:16%;right:0;font-size:55px;letter-spacing:16px;color:#afcc7a;transform:rotate(-6deg);z-index:0;white-space:nowrap;opacity:.65}
.back-home{border-radius:20px;background:#fff8ec;border-color:#f0d7b6;color:#86613d;font-size:14px}.board-heading{gap:14px}.board-heading .round-label{margin-left:auto}
.game-view{grid-template-columns:minmax(0,1fr) 240px!important}.sidebar{justify-content:flex-start}.sidebar .distance-panel{background:#ffffffd6;border:2px solid #c5e5d6;border-radius:24px}
#settings-dialog{width:min(660px,calc(100vw - 32px));background:#f8fdf9;border:3px solid #c2e1d4;border-radius:28px}
#settings-dialog h2{font-size:23px;margin:0}#settings-content{display:grid;gap:18px}#settings-content>section{background:#fff;border:1px solid #d5e8df;border-radius:20px;padding:22px}#settings-content .section-heading h2{font-size:18px}#settings-content .section-heading>span{font-size:12px}#settings-content .pack-meta button{font-size:14px}#settings-content button{min-height:48px}#settings-content .library-actions button{font-size:16px}#settings-content .small-note{font-size:14px}#settings-content .pack-meta{font-size:14px}#settings-content .settings-panel>label{font-size:16px}
/* Carry the daylight palette into the board without changing its geometry. */
.board-shell{background:#acdacf;border:4px solid #fff8d1;box-shadow:0 7px 0 #83b9a933,0 18px 32px #58988617}
.board-center{color:#295c53;background:radial-gradient(ellipse at center,#f5ffed 0%,#dcf5e900 73%)}
.center-top,.mini-label,.turn-hint{color:#426d60}.route-arrow{color:#548f78}.hero span{color:#146a60}.hero.thief span{color:#975318}.versus{color:#759f88}#turn-badge{border-color:#78b9a6;color:#286e5b}.turn-thief #turn-badge{color:#9a571f;border-color:#bd9a71}.cell{background:#fffff9;box-shadow:0 3px 0 #619b8740;border:1px solid #c2dace}.cell:nth-child(4n+2){background:#fff7dc}.cell:nth-child(4n+3){background:#edf6ff}.cell:nth-child(4n+4){background:#ffedf0}.cell.home{background:#c9f1dc}.cell.home.thief{background:#ffdfb5}.cell.target{background:#ffef99;border:3px solid #d5a626}.roll-button{box-shadow:0 5px 0 #69a28b}.dice{box-shadow:0 5px 0 #8ab5a2}
@media(min-width:1600px){.welcome{max-width:1500px}.welcome-characters{height:620px}.welcome-copy h1{font-size:90px}}
@media(max-width:1100px) and (min-width:901px){.welcome{padding-left:4%;padding-right:3%;grid-template-columns:1fr 1.1fr}.welcome-copy h1{font-size:58px}.welcome-copy p{font-size:20px}.start-game{width:290px;font-size:29px;min-height:84px}.game-view{grid-template-columns:minmax(0,1fr) 210px!important}}
@media(max-width:900px){.welcome{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:0;padding:80px 25px 46px;height:100svh;min-height:670px}.welcome-characters{grid-row:1;height:100%;max-height:440px;width:min(590px,94%);margin:auto}.welcome-copy{grid-row:2;padding:0}.welcome-copy h1{font-size:58px}.welcome-copy p{margin-top:12px;font-size:21px}.start-game{margin-top:23px;min-height:83px;width:330px;font-size:29px}.home-screen .topbar{min-height:68px;padding-top:10px}.game-view .sidebar{display:block}.game-view .distance-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px}.distance-panel .section-heading,.distance-panel .small-note{grid-column:1/-1}.game-view .distance-row{margin:0}.welcome-cat{width:61%}.welcome-mouse{width:48%}.chase-trail{bottom:0;font-size:40px}}
@media(max-height:700px) and (min-width:901px){.welcome{padding-top:90px;padding-bottom:30px;min-height:100svh}.welcome-characters{height:380px}.welcome-copy h1{font-size:58px}.start-game{min-height:78px;margin-top:24px}.welcome-copy p{margin-top:16px}}
@media(max-width:600px){.welcome{padding:74px 18px 30px;min-height:600px}.welcome-copy h1{font-size:47px}.welcome-copy p{font-size:18px}.start-game{width:285px;min-height:78px;font-size:28px;margin-top:20px}.welcome-characters{max-height:310px}.home-screen .topbar{flex-wrap:nowrap}.home-screen .topbar .brand{display:none}.home-screen .topbar nav{width:auto;margin-left:auto}.home-screen #settings-open{font-size:14px;padding:8px 16px}.chase-trail{font-size:31px;letter-spacing:9px}.board-heading{flex-wrap:wrap}.board-heading .round-label{width:100%;justify-content:flex-end}.game-view .distance-panel{grid-template-columns:1fr}.distance-panel .section-heading,.distance-panel .small-note{grid-column:auto}}
@media(prefers-reduced-motion:no-preference){.welcome-cat{animation:cat-greet 4s ease-in-out infinite}.welcome-mouse{animation:mouse-ready 3.5s ease-in-out infinite}@keyframes cat-greet{50%{transform:rotate(-2deg) translate(6%,-5%)}}@keyframes mouse-ready{50%{transform:rotate(4deg) translate(4%,12%)}}}
/* v0.4: size the play surface from remaining viewport space, not fixed minimums. */
html,body{height:100%;width:100%;overflow:hidden}body{height:100dvh;min-height:0;display:flex;flex-direction:column}.topbar{flex:0 0 72px;height:72px;min-height:72px;padding:8px 24px;flex-wrap:nowrap}.topbar .brand h1{font-size:24px}.topbar nav{flex-shrink:0}.topbar button{min-height:44px}.home-screen .topbar{height:68px;min-height:0}.welcome{flex:1;width:100%;height:100dvh;min-height:0!important;max-height:100dvh;padding-top:82px;padding-bottom:32px}.welcome-characters{min-height:0;max-height:100%;height:min(56dvh,530px)}
.game-view{flex:1;min-height:0;width:100%;max-width:1700px;margin:0 auto;padding:10px 24px 12px;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto;gap:8px}.play-area{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px}.board-heading{margin:0;min-height:46px;flex-wrap:nowrap}.board-heading .eyebrow{display:none}.board-heading h2{font-size:21px;margin:0}.board-heading .round-label{width:auto}.board-shell{height:100%;min-height:0;max-height:100%;width:100%;--gap:7px;--pad:10px;border-radius:22px}.board-footer{padding:3px 4px;min-height:22px;gap:14px;font-size:12px;flex-wrap:nowrap}.sidebar,.game-view .sidebar{display:block;min-height:0}.game-view .distance-panel{display:flex;align-items:center;gap:18px;padding:8px 18px;border-radius:20px}.distance-panel .section-heading{margin:0;flex-shrink:0}.distance-panel .section-heading>span,.distance-panel>.small-note{display:none}.distance-row{flex:1;margin:0;padding:8px 14px}.distance-row b{font-size:26px}.distance-panel .section-heading h2{font-size:16px}.board-center{padding:6px;min-height:0}.duo{height:clamp(65px,12dvh,130px);min-height:0;margin:0 0 4px;gap:24px}.turn-line{margin:3px 0 9px}.turn-line h3{font-size:clamp(18px,2vw,24px)}.dice{width:54px;height:54px;font-size:34px}.roll-button{height:56px;min-width:190px;font-size:20px}.turn-hint{margin-top:10px;font-size:13px}.center-top{height:24px;flex-shrink:0}.cell .word,.board-shell[data-mode="26"] .cell .word{font-size:clamp(18px,1.8vw,24px)}
.import-examples{padding:15px 17px;border:2px solid #b7dbcd;background:#effaf4;border-radius:16px}.import-examples strong{font-size:17px;color:#216c59}.import-examples p{font-size:14px;margin:6px 0!important}.import-examples .inline-actions{margin:10px 0 0;gap:8px}.import-examples button{background:#fff;font-size:14px;min-height:46px;border-color:#9acdb9}.import-examples button:first-child{background:#167c67;color:white;border-color:#167c67}
@media(max-width:1100px){.topbar{padding:8px 18px}.game-view{padding:8px 16px 10px}.board-shell{--gap:5px;--pad:8px}.brand p{font-size:10px}.topbar .brand h1{font-size:22px}.board-footer{gap:10px}}
@media(max-width:900px){.welcome{grid-template-rows:minmax(0,1fr) auto;padding:74px 24px 28px}.welcome-characters{height:100%;max-height:420px}.welcome-copy h1{font-size:54px}.welcome-copy p{margin-top:9px}.start-game{margin-top:18px;min-height:76px}.duo{height:clamp(75px,13dvh,145px)}.game-view .distance-panel{gap:12px;padding:8px 12px}.distance-row strong{font-size:14px}.distance-row{padding:7px 9px}.distance-panel .section-heading h2{font-size:14px}.board-footer{font-size:11px}.piece{width:32px;height:34px}.piece img{width:37px;height:42px}}
@media(max-height:700px){.topbar{flex-basis:60px;height:60px;min-height:60px}.brand p{display:none}.game-view{padding-top:5px;padding-bottom:6px;gap:5px}.play-area{gap:5px}.board-heading{min-height:42px}.duo{height:54px}.hero span{font-size:11px}.turn-line{margin:2px 0 6px}.turn-line h3{font-size:18px}.center-top{height:20px}.mini-label{font-size:12px}.dice{height:46px;width:46px}.roll-button{height:48px;min-width:175px;font-size:18px}.turn-hint{margin-top:7px;font-size:12px}.game-view .distance-panel{padding:5px 12px}.distance-row{padding:5px 8px}.distance-row b{font-size:22px}.welcome-characters{height:min(55dvh,370px)}.welcome-copy h1{font-size:52px}.welcome-copy p{font-size:19px;margin-top:12px}.start-game{min-height:72px;margin-top:22px;font-size:28px}}
@media(max-width:600px){.topbar{padding:6px 9px;gap:5px}.topbar .brand{gap:5px}.topbar .brand h1{font-size:16px}.topbar .brand-mark{display:none}.topbar nav{width:auto;margin-left:auto;gap:3px}.topbar nav button{padding:7px;font-size:12px}.game-view{padding:5px 7px 8px}.board-heading{gap:5px}.board-heading h2{font-size:16px}.round-label{font-size:11px}.board-shell{--pad:5px;--gap:3px}.board-footer{font-size:10px;gap:6px}.board-footer>span:last-child{display:none}.distance-panel .section-heading{display:none}.distance-row strong{font-size:12px}.game-view .distance-panel{gap:6px;padding:5px 8px}.duo{height:65px;gap:6px}.turn-line h3{font-size:16px}.dice{height:44px;width:44px}.roll-button{height:48px;min-width:120px;font-size:17px}.turn-hint{font-size:11px}.cell .word,.board-shell[data-mode="26"] .cell .word{font-size:15px}.welcome{padding:65px 16px 25px}.welcome-characters{height:100%;max-height:300px}.welcome-copy h1{font-size:43px}.welcome-copy p{font-size:17px}.start-game{min-height:70px;margin-top:16px}.piece{width:25px;height:28px}.piece img{width:30px;height:36px}}
/* Hidden must beat the explicit desktop/tablet grid declaration. */
.game-view[hidden]{display:none!important}

/* v0.5: a compact first-visit password field within the existing welcome screen. */
.password-gate{width:min(350px,100%);margin:20px auto 0;text-align:left}
.password-gate label{display:block;font-size:15px;font-weight:700;color:#456d66;margin-bottom:7px}
.password-row{display:flex;align-items:center;background:#ffffffed;border:2px solid #bedfd2;border-radius:20px;padding:3px 5px 3px 14px;gap:5px}
.password-row:focus-within{border-color:#278777;box-shadow:0 0 0 3px #27877720}
.password-row input{width:100%;min-width:0;height:48px;border:0;background:transparent;padding:0;font-size:18px;color:#28594e;outline:none;box-shadow:none}
.password-row button{flex-shrink:0;border:0;border-radius:15px;min-height:44px;padding:8px 12px;background:#e8f6ee;color:#34695b;font-size:14px}
.welcome-copy .password-gate p{font-size:13px;line-height:20px;min-height:20px;margin:6px 0 0;font-weight:500;color:#50766b}
.password-gate:has([aria-invalid="true"]) .password-row{border-color:#bd5a41}
.password-gate:has([aria-invalid="true"]) p{color:#a6422c}
.password-gate:not([hidden])+.start-game{margin-top:15px}
@media(max-height:700px){.password-gate{margin-top:12px}.welcome-copy h1{font-size:48px}.welcome-copy>p{margin-top:8px}.password-row input{height:44px}}
@media(max-width:900px) and (max-height:700px){.welcome{grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:70px 24px 22px}.welcome-copy{grid-row:1;grid-column:1}.welcome-characters{grid-row:1;grid-column:2;height:100%;max-height:330px}.welcome-copy h1{font-size:40px}.welcome-copy>p{font-size:16px}.start-game{min-height:64px;font-size:26px}}

/* v0.6: five daylight palettes and a consistent six-action toolbar. */
body,[data-theme="meadow"]{--sky:#dff8e8;--ground:#f6ffdb;--ink:#246b51;--accent:#268665;--board:#a5dcb4;--tile:#efffe6;--warm:#ffcf69;--warm2:#ffad52}
[data-theme="ocean"]{--sky:#c9efff;--ground:#e9faff;--ink:#195b92;--accent:#297ab8;--board:#8dcef1;--tile:#e5f5ff;--warm:#8ce4ff;--warm2:#69bbf0}
[data-theme="candy"]{--sky:#ffd9e8;--ground:#fff0f4;--ink:#963c68;--accent:#c95488;--board:#f3adc9;--tile:#ffe8f2;--warm:#ffb9d3;--warm2:#ff94b6}
[data-theme="sunshine"]{--sky:#fff0a9;--ground:#fff8dd;--ink:#865012;--accent:#b96c18;--board:#f5ce76;--tile:#fff3cb;--warm:#ffdc65;--warm2:#ffb244}
[data-theme="lavender"]{--sky:#e6d8ff;--ground:#f7f0ff;--ink:#7145a0;--accent:#9262bc;--board:#c9b0ed;--tile:#f1e6ff;--warm:#dfbeff;--warm2:#caa1ee}
body{background:linear-gradient(145deg,var(--sky),var(--ground));color:var(--ink)}
.welcome-copy h1,.welcome-copy>p,.welcome-copy .password-gate p,.password-gate label{color:var(--ink)}
.start-game,.start-game:hover:not(:disabled){background:linear-gradient(var(--warm),var(--warm2));color:#493321;box-shadow:0 6px 0 color-mix(in srgb,var(--warm2),#735339 25%)}
.board-shell{background:var(--board)}.board-center{background:radial-gradient(ellipse,var(--ground),transparent 76%);color:var(--ink)}.cell:nth-child(4n+3){background:var(--tile)}
.primary,.roll-button{background:var(--accent)}.game-view .distance-panel{border-color:var(--board)}.topbar{background:#ffffff85;border-color:var(--board)}
.topbar nav{display:flex;align-items:center;gap:7px;margin-left:auto}.topbar nav button,.home-screen #settings-open{display:inline-flex!important;align-items:center;justify-content:center;min-height:46px;padding:9px 14px;border:1px solid #ffffff;border-radius:18px;background:#ffffffe6;color:var(--ink);font-size:15px;font-weight:750;white-space:nowrap}
.home-screen #help,.home-screen #sound,.home-screen #fullscreen{display:inline-flex}.home-screen .brand{display:none}.topbar .brand p{display:none}.topbar .brand h1{font-size:22px}
.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.theme-card{min-height:96px;border:3px solid transparent;border-radius:22px;background:linear-gradient(130deg,var(--sky),var(--board));color:var(--ink);font-size:19px;font-weight:800}.theme-card[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 3px white}.theme-card:last-child{grid-column:1/-1}
.music-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.music-controls button{min-height:54px;border-radius:18px}.music-controls label,.music-controls input{grid-column:1/-1}.music-controls input{width:100%;min-height:44px;accent-color:var(--accent)}
#settings-content>section[hidden]{display:none!important}
@media(max-width:1100px){.topbar nav{gap:5px}.topbar nav button,.home-screen #settings-open{padding:8px 10px;font-size:14px}.topbar .brand-mark{display:none}.topbar .brand h1{font-size:19px}}
@media(max-width:800px){.topbar .brand{display:none}.topbar{padding:8px 12px}.topbar nav{width:100%;justify-content:flex-end}.topbar nav button,.home-screen #settings-open{padding:8px 11px}}
@media(max-width:550px){.topbar nav{gap:4px}.topbar nav button,.home-screen #settings-open{font-size:12px;padding:6px;flex:1}.theme-card{font-size:16px}.music-controls{gap:9px}}

/* Guided practice lives over the real board and import controls. */
#dialog.guide-help{width:min(920px,calc(100vw - 28px));background:#fffefa;border-radius:28px}.guide-help h2{color:#285b60}.guide-intro{background:#edf8ff;border:1px solid #b0deed;border-radius:22px;padding:18px 22px}.guide-intro h3{margin:0 0 10px}.guide-intro ol{padding-left:24px;line-height:1.8;margin:8px 0}.guide-buttons{display:flex;gap:12px;flex-wrap:wrap}.guide-buttons button{background:#fff3c6;border:2px solid #ffc65a;color:#365f66;font-size:17px;font-weight:800;min-height:52px;border-radius:16px}.guide-intro .muted{font-size:14px;margin:10px 0 0}.guide-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.guide-cards section{padding:17px 20px;border-radius:22px;background:#eff8e7}.guide-cards section:nth-child(2n){background:#fff1d0}.guide-cards section:nth-child(3){background:#efe5ff}.guide-cards h3{font-size:18px;color:#285b60;margin:0 0 8px}.guide-cards p{font-size:15px;line-height:1.7;margin:0;color:#557775}
#tour-layer{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden;box-shadow:none;color:#285b60}#tour-layer::backdrop{background:transparent;backdrop-filter:none}
#tour-target{position:absolute;margin:0;padding:0;border:4px solid #ffd65b;border-radius:15px;background:transparent;box-shadow:0 0 0 9999px #173c426b,0 0 0 7px #fff7be80;z-index:1;cursor:pointer;opacity:1!important}#tour-target:disabled{cursor:default}#tour-target:hover{background:#fff5bc25}#tour-target:focus-visible{outline:4px solid white;outline-offset:5px}
#tour-card{position:absolute;z-index:3;background:#fffef6;border:2px solid #ffdc7e;border-radius:22px;padding:17px 20px;box-shadow:0 10px 35px #123a4938;max-height:calc(100dvh - 24px);overflow:auto}#tour-progress{font-size:13px;font-weight:800;color:#9b6b24}#tour-card h2{font-size:21px;margin:7px 0;color:#285b60}#tour-card p{font-size:16px;line-height:1.6;margin:8px 0 14px}.tour-actions{display:flex;justify-content:space-between;gap:12px}.tour-actions button{min-height:44px;border-radius:14px;padding:8px 14px}.tour-actions .primary{color:white}#tour-arrow{position:absolute;z-index:4;font-size:32px;line-height:32px;color:#ffd65b;text-shadow:0 2px 3px #3456;pointer-events:none}
@media(max-width:650px){.guide-cards{grid-template-columns:1fr}.guide-intro{padding:14px}.guide-buttons button{font-size:15px}.guide-help h2{font-size:23px}}
@media(max-height:700px){#dialog:has(#import-text){padding:14px 22px}#dialog:has(#import-text) h2{font-size:22px;margin:4px 0 10px}#dialog:has(#import-text) textarea{min-height:80px;height:90px}.import-examples{padding:9px 12px}#tour-card{padding:12px 16px}#tour-card h2{font-size:19px}#tour-card p{font-size:14px}}

/* v0.9: readable route, floating tokens, illustrated choices and learning rewards. */
.board-center{isolation:isolate}.board-center>*:not(.scene-decor){position:relative;z-index:1}.scene-decor{position:absolute;inset:auto 4% 3%;display:flex;justify-content:space-around;text-align:center;font-size:clamp(22px,4vw,45px);letter-spacing:14px;opacity:.18;pointer-events:none;z-index:0;white-space:nowrap;overflow:hidden}
.cell-direction{position:absolute;right:5px;top:0;font-size:17px;font-weight:900;color:#508e83;line-height:20px}.cell .word{hyphens:auto;word-break:normal;overflow-wrap:anywhere;line-height:1.15;padding:2px 0;max-height:calc(100% - 15px)}.cell{padding-top:17px}.cell.route-step{background:#fff3ac!important;border:2px solid #eba921;box-shadow:inset 0 0 0 2px white,0 0 12px #ffcf59}.cell.route-step::after{content:attr(data-step);position:absolute;left:3px;top:1px;min-width:20px;height:20px;line-height:20px;background:#f3bb35;color:#533909;font-weight:900;border-radius:50%;font-size:13px}.cell.target{outline:3px solid #e9a719;outline-offset:1px}.cell.route-step .cell-num{visibility:hidden}
.piece{width:54px;height:56px;right:auto;bottom:auto;border-radius:19px;z-index:6}.piece img{height:64px;width:59px;transform:translateY(-7px)}.piece span{font-size:12px;padding:1px 4px}.cell[data-edge="top"] .piece{left:calc(50% - 27px);bottom:-28px}.cell[data-edge="right"] .piece{left:-28px;top:calc(50% - 28px)}.cell[data-edge="bottom"] .piece{left:calc(50% - 27px);top:-28px}.cell[data-edge="left"] .piece{right:-28px;top:calc(50% - 28px)}.piece.active-piece{outline:4px solid #ffe176;box-shadow:0 0 0 9px #fffac28c,0 0 22px #ffd240;z-index:7}.piece.second{transform:translateX(24px)}
body:not(.turn-thief) .hero.police img,.turn-thief .hero.thief img{filter:drop-shadow(0 0 7px #ffda37) drop-shadow(0 0 10px #fff2a9)}.turn-line{background:#ffffffe0;border-radius:18px;padding:5px 14px}.turn-thief .turn-line{background:#fff0d9}.turn-hint{font-weight:750}.board-shell[data-mode="10"] .cell .word{font-size:clamp(21px,2.5vw,30px)}.board-shell[data-mode="10"] .duo{height:clamp(45px,9dvh,100px)}.board-shell[data-mode="10"] .turn-hint{font-size:12px;margin-top:5px}.segmented{flex-wrap:wrap}.segmented button{min-width:65px}
.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-option{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:72px;font-size:23px;border:2px solid #c9e5d8;border-radius:20px;background:#f4fbf8;overflow-wrap:anywhere}.picture-symbol{font-family:'Segoe UI Emoji','Apple Color Emoji',sans-serif;font-size:68px;line-height:1.25}.answer-option small{font-size:13px;color:#61776d}.answer-option:disabled{opacity:1}.answer-option.answer-right{border-color:#269270;background:#dff8e9;box-shadow:inset 0 0 0 2px #269270}.answer-option.answer-wrong{border-color:#cc774f;background:#fff0e6}.answer-feedback{min-height:26px;font-size:18px;font-weight:750;text-align:center;color:#2d6858}.quiz-hint{text-align:center;font-size:23px;font-weight:800}.learning-reward{padding:18px;background:linear-gradient(120deg,#fff2ba,#e4f7db);border-radius:20px;text-align:center;margin-bottom:12px}.learning-reward strong{font-size:25px}.learning-reward p{font-size:15px!important}.practice-star{text-align:center;font-size:72px}#dialog[data-kind="challenge"]::backdrop{backdrop-filter:none;background:#173d4673}#dialog[data-kind="challenge"] .challenge-word,#dialog[data-kind="practice"] .challenge-word{padding:6px 0;font-size:36px}#dialog[data-kind="challenge"] .challenge-tools,#dialog[data-kind="practice"] .challenge-tools{margin:10px 0}
@media(max-height:700px){.piece{width:44px;height:46px}.piece img{width:48px;height:53px}.cell[data-edge="top"] .piece{left:calc(50% - 22px);bottom:-23px}.cell[data-edge="right"] .piece{left:-23px;top:calc(50% - 23px)}.cell[data-edge="bottom"] .piece{left:calc(50% - 22px);top:-23px}.cell[data-edge="left"] .piece{right:-23px;top:calc(50% - 23px)}.board-shell[data-mode="10"] .duo{display:none}.board-shell[data-mode="10"] .center-top{height:18px}.board-shell[data-mode="10"] .turn-line{margin:3px 0 5px;padding:3px 10px}.answer-option{min-height:54px}.picture-symbol{font-size:48px}#dialog[data-kind="challenge"],#dialog[data-kind="practice"]{padding:15px 22px}#dialog[data-kind="challenge"] h2,#dialog[data-kind="practice"] h2{font-size:22px;margin-bottom:10px}#dialog[data-kind="challenge"] .challenge-word,#dialog[data-kind="practice"] .challenge-word{font-size:28px}.scene-decor{font-size:22px;opacity:.12}.turn-hint{font-size:12px}}
@media(max-width:600px){.piece{width:40px;height:43px}.piece img{width:44px;height:50px}.piece.active-piece{outline-width:3px;box-shadow:0 0 0 6px #fffac28c}.cell .word{font-size:15px}.cell-direction{font-size:14px}.answer-option{font-size:20px}.turn-line{padding:4px 7px}.board-shell[data-mode="10"] .mini-label{font-size:10px}.board-shell[data-mode="10"] .turn-line h3{font-size:15px}}

/* Corner tokens sit diagonally toward the open center, away from labels. */
.cell[data-corner="top-left"] .piece{left:auto;right:-32px;top:auto;bottom:-35px}.cell[data-corner="top-right"] .piece{left:-32px;right:auto;top:auto;bottom:-35px}.cell[data-corner="bottom-left"] .piece{left:auto;right:-32px;top:-35px;bottom:auto}.cell[data-corner="bottom-right"] .piece{left:-32px;right:auto;top:-35px;bottom:auto}
@media(max-height:700px){.cell[data-corner="top-left"] .piece,.cell[data-corner="bottom-left"] .piece{right:-28px}.cell[data-corner="top-right"] .piece,.cell[data-corner="bottom-right"] .piece{left:-28px}}

.cell .word{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cell .word.word-compact{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.picture-art{clip-path:inset(8% 6%)}
@media(max-height:700px){.cell .home-icon{display:none}}
.picture-art{display:block;width:112px;height:112px;background-image:url('assets/word-atlas.png');background-size:700% 700%;background-repeat:no-repeat;flex-shrink:0}.cell.has-long-word::before{content:'＋';position:absolute;right:3px;bottom:1px;font-size:12px;color:#326b5b}.board-center #route-start{min-height:52px;border-radius:16px;font-size:21px;padding:10px 24px}.board-center:has(#route-start:not([hidden])) .dice-row{display:flex}.board-center:has(#route-start:not([hidden])) .turn-hint{background:#fff4ca;padding:5px 10px;border-radius:12px}#notebook{margin-top:12px;background:#fff3cd;border-color:#efcf81}@media(max-height:700px){.picture-art{width:76px;height:76px}.board-center #route-start{min-height:46px;font-size:18px}}
/* v0.11: a sunny, gently animated chase invitation. */
.welcome{position:relative;isolation:isolate;max-width:none}
.welcome-scenery{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
.welcome-scenery::after{content:'';position:absolute;inset:35% -10% -35%;border-radius:50%;background:radial-gradient(ellipse,#ffffff52,transparent 65%);z-index:-1}
.sky-cloud{position:absolute;width:118px;height:40px;background:linear-gradient(#fff,#f2fbff);border-radius:60px;filter:drop-shadow(0 5px 3px #568c9910);opacity:.9}
.sky-cloud::before,.sky-cloud::after{content:'';position:absolute;background:inherit;border-radius:50%;bottom:10px;width:57px;height:57px;left:20px}
.sky-cloud::after{width:44px;height:44px;left:65px;bottom:9px}
.cloud-one{top:18%;left:4%;transform:scale(1.1)}.cloud-two{top:20%;right:6%;transform:scale(.85)}.cloud-three{top:9%;left:45%;transform:scale(.55);opacity:.55}
.flower-garden{position:absolute;bottom:-1px;width:clamp(150px,22vw,310px);height:auto;overflow:visible}.garden-left{left:0}.garden-right{right:0;transform:scaleX(-1)}
.flower-head{transform-box:fill-box;transform-origin:50% 100%}
.sunny-spark{position:absolute;color:#ffdc6b;font-size:38px;text-shadow:0 3px 0 #fff8ce;line-height:1}.spark-one{left:3%;top:60%;transform:rotate(-12deg)}.spark-two{right:22%;top:17%;font-size:28px}.spark-three{left:37%;top:26%;color:#fffdf0;font-size:30px}
.welcome-characters::after{content:'';position:absolute;bottom:2%;left:16%;right:5%;height:9%;border-radius:50%;background:radial-gradient(ellipse,#82ad6538,transparent 70%);z-index:-1}
.home-screen .welcome-copy h1{color:#ffda70;-webkit-text-stroke:1.5px #a46b45;text-shadow:3px 3px 0 #fff,-3px -3px 0 #fff,3px -3px 0 #fff,-3px 3px 0 #fff,0 6px 0 #ec9c87,0 9px 0 #76bace;letter-spacing:3px}
@media(prefers-reduced-motion:no-preference){
 .home-screen .welcome-cat{animation:cat-chase 1.15s ease-in-out infinite;transform-origin:50% 80%}
 .home-screen .welcome-mouse{animation:mouse-dash 1.15s ease-in-out -.38s infinite;transform-origin:50% 80%}
 .home-screen .sky-cloud{animation:cloud-float 12s ease-in-out infinite alternate}.home-screen .cloud-two{animation-delay:-6s}.home-screen .cloud-three{animation-delay:-3s}
 .home-screen .flower-head{animation:flower-sway 3.5s ease-in-out infinite alternate}
 .home-screen .chase-trail{animation:trail-pulse 1.15s ease-in-out infinite}
 @keyframes cat-chase{0%,100%{transform:translate(3%,0) rotate(-7deg)}45%{transform:translate(7%,-3.5%) rotate(-2deg)}70%{transform:translate(6%,0) rotate(-4deg)}}
 @keyframes mouse-dash{0%,100%{transform:translate(4%,15%) rotate(5deg)}45%{transform:translate(10%,9%) rotate(10deg)}70%{transform:translate(8%,15%) rotate(7deg)}}
 @keyframes cloud-float{to{translate:24px -7px}}
 @keyframes flower-sway{from{rotate:-5deg}to{rotate:5deg}}
 @keyframes trail-pulse{0%,100%{opacity:.3;translate:-5px 0}50%{opacity:.75;translate:5px 0}}
}
@media(max-width:900px) and (min-height:701px){.flower-garden{width:180px}.cloud-one{top:16%;left:3%;scale:.7}.cloud-two{top:28%;right:3%;scale:.7}.cloud-three{display:none}.spark-one{top:46%}.spark-three{top:12%}.welcome{padding-bottom:48px}}
@media(max-height:700px){.flower-garden{width:170px}.cloud-one{top:20%;scale:.75}.cloud-two{top:24%;scale:.7}.cloud-three{display:none}.sunny-spark{font-size:25px}.welcome-copy h1{-webkit-text-stroke:1px #a46b45}}
@media(prefers-reduced-motion:reduce){.welcome *, .welcome *::after{animation:none!important}}
/* A short invitation from the cat, kept above its ears. */
.cat-speech{position:absolute;z-index:3;left:9%;top:-8%;max-width:82%;padding:12px 22px;border:3px solid #fff;border-radius:25px;background:#fff9de;color:#775027;font-size:clamp(18px,1.8vw,25px);font-weight:800;line-height:1.35;white-space:nowrap;box-shadow:0 5px 0 #d7bc7933;transform:rotate(-4deg)}
.cat-speech::after{content:'';position:absolute;left:55%;bottom:-12px;width:18px;height:18px;background:#fff9de;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:skewY(15deg) rotate(35deg);border-radius:0 0 5px 0}
@media(max-width:900px) and (min-height:701px){.cat-speech{top:-1%;left:12%;font-size:21px;padding:10px 18px}}
@media(max-height:700px){.cat-speech{top:-5%;left:6%;font-size:18px;padding:8px 16px}}
@media(max-width:600px){.cat-speech{font-size:17px;padding:8px 14px;top:0}}
/* v0.13: a real dot die remains visible beside the route confirmation. */
.board-center .dice-row{gap:22px;flex-shrink:0;align-items:center}
.board-center .dice{--die:64px;width:96px;height:100px;position:relative;display:grid;place-items:center;background:transparent;border:0;box-shadow:none;border-radius:0;perspective:500px;flex-shrink:0;animation:none}
.dice-cube{width:var(--die);height:var(--die);position:relative;transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(-30deg)}
.dice-face{position:absolute;inset:0;border:1.5px solid #dce3ed;border-radius:12px;background:#fff;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:5px;padding:10px;backface-visibility:hidden}
.dice-front{transform:translateZ(calc(var(--die)/2));background:linear-gradient(135deg,#fff,#fff7f3)}
.dice-top{transform:rotateX(90deg) translateZ(calc(var(--die)/2));background:#fff}
.dice-right{transform:rotateY(90deg) translateZ(calc(var(--die)/2));background:#f3f3ff}
.dice-pip{display:block;border-radius:50%;background:#f28291;box-shadow:inset 0 1px 2px #c5536a33}.dice-space{display:block}
.dice.rolling .dice-cube{animation:die-toss 1.5s ease-out both}
@keyframes die-toss{0%{transform:rotateX(-22deg) rotateY(-30deg)}35%{transform:translateY(-18px) rotateX(190deg) rotateY(170deg) rotateZ(18deg)}75%{transform:translateY(-8px) rotateX(325deg) rotateY(305deg)}100%{transform:rotateX(338deg) rotateY(330deg)}}
@media(max-height:700px){.board-center .dice{--die:48px;width:72px;height:76px}.dice-face{padding:7px;gap:4px;border-radius:9px}.board-center .dice-row{gap:14px}.board-shell[data-mode="10"] .turn-hint{margin-top:3px}}
@media(max-width:600px){.board-center .dice{--die:44px;width:62px;height:70px}.board-center .dice-row{gap:10px}.dice-face{gap:3px;padding:7px}}
@media(prefers-reduced-motion:reduce){.dice.rolling .dice-cube{animation:none}}
/* Contextual dialogue sits with each character's live distance. */
.game-view .distance-row{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:5px;align-items:center;min-width:0}
.distance-speech{grid-column:1/-1;display:block;background:#ffffffe0;border-radius:12px 12px 12px 3px;padding:6px 10px;font-size:14px;line-height:1.35;font-weight:650;color:#286e5b;overflow-wrap:anywhere}.thief .distance-speech{color:#955629;background:#fff8e9}
@media(max-height:700px){.game-view .distance-panel{gap:10px}.game-view .distance-panel .section-heading{display:none}.distance-speech{font-size:12px;padding:4px 7px}.game-view .distance-row{row-gap:2px}}
/* v0.14.1: use the available invitation width for larger, readable text. */
.welcome-copy{min-width:0;container-type:inline-size}
.home-screen .welcome-copy h1{font-size:clamp(44px,21cqw,112px);letter-spacing:1px;line-height:1.18}
.home-screen .welcome-copy>p{font-size:clamp(17px,5.3cqw,30px);line-height:1.4;margin-top:24px;white-space:nowrap}
.home-screen .start-game{font-size:clamp(30px,9cqw,48px);width:min(480px,95%);min-height:104px;margin-top:30px;gap:24px}
.home-screen .start-game span{font-size:.75em}
@media(max-height:700px){.home-screen .welcome-copy h1{font-size:clamp(40px,21cqw,82px)}.home-screen .welcome-copy>p{font-size:clamp(16px,5.2cqw,25px);margin-top:14px}.home-screen .start-game{font-size:clamp(28px,9cqw,40px);min-height:78px;margin-top:20px}}
@media(max-width:900px) and (min-height:701px){.home-screen .welcome-copy h1{font-size:clamp(48px,18cqw,100px)}.home-screen .welcome-copy>p{margin-top:16px}.home-screen .start-game{min-height:90px;margin-top:22px}}
/* v0.15: board tokens occupy their own squares; dialogue follows the tokens. */
#toast.toast{position:fixed;left:50%;top:50%;bottom:auto;right:auto;transform:translate(-50%,-50%);width:max-content;max-width:min(720px,88vw);padding:24px 34px;border:3px solid #fff;border-radius:26px;background:#fff9e9;color:#265e57;box-shadow:0 14px 48px #294d4638;font-size:clamp(23px,2.8vw,36px);font-weight:800;line-height:1.5;text-align:center;pointer-events:none;z-index:1000}
.distance-speech{display:none}.game-view .distance-row{row-gap:0}
.board .cell .piece{left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:min(58px,70%);height:72%;max-height:62px;border-radius:50%;outline-width:2px;box-shadow:0 2px 6px #254f4830}
.board .cell .piece img{width:100%;height:110%;transform:translateY(-5%)}
.board .cell .piece.active-piece{box-shadow:0 0 0 4px #fff4ad99,0 0 12px #ffd240}
.board .cell .piece.second{left:68%}
.board .cell.occupied-police .word,.board .cell.occupied-thief .word{opacity:.16}
.piece-speech{position:absolute;z-index:9;pointer-events:none;width:max-content;max-width:min(245px,32vw);padding:9px 13px;border:2px solid white;border-radius:17px;background:#eaffdf;color:#285f45;box-shadow:0 4px 12px #31503d20;font-size:clamp(14px,1.3vw,18px);font-weight:750;line-height:1.4;white-space:normal;text-align:center}
.piece-speech::before{content:'';position:absolute;width:10px;height:10px;background:inherit;transform:rotate(45deg)}
.mouse-speech{background:#fff0d0;color:#8e542b}
.cell[data-edge="top"] .piece-speech{top:calc(100% + 12px);left:0}.cell[data-edge="top"] .piece-speech::before{top:-5px;left:20px}
.cell[data-edge="bottom"] .piece-speech{bottom:calc(100% + 12px);right:0}.cell[data-edge="bottom"] .piece-speech::before{bottom:-5px;right:20px}
.cell[data-edge="left"] .piece-speech{left:calc(100% + 12px);top:0}.cell[data-edge="left"] .piece-speech::before{left:-5px;top:16px}
.cell[data-edge="right"] .piece-speech{right:calc(100% + 12px);top:0}.cell[data-edge="right"] .piece-speech::before{right:-5px;top:16px}
.cell[data-corner="top-left"] .piece-speech{left:calc(100% + 12px);top:calc(100% + 6px)}
.cell[data-corner="bottom-right"] .piece-speech{right:calc(100% + 12px);top:auto;bottom:calc(100% + 6px)}
@keyframes square-hop{0%{translate:0 5px;scale:.94}45%{translate:0 -10px;scale:1.08}100%{translate:0 0;scale:1}}
@media(prefers-reduced-motion:no-preference){.piece-hopping{animation:square-hop .3s ease-out}}
@media(max-height:700px){.piece-speech{padding:6px 9px;font-size:13px;max-width:210px}.board .cell .piece{max-height:44px;max-width:44px}#toast.toast{padding:18px 24px;font-size:25px}}
.cell[data-corner="top-right"] .piece-speech{left:auto;right:calc(100% + 12px);top:calc(100% + 6px);bottom:auto}
.cell[data-corner="bottom-left"] .piece-speech{left:calc(100% + 12px);right:auto;top:auto;bottom:calc(100% + 6px)}
.board-shell[data-mode="10"] .cell .piece{width:58px;max-width:70%;height:70%;max-height:60px}
.cell[data-edge="top"]:not([data-corner]) .piece-speech{left:50%;transform:translateX(-50%)}
.cell[data-edge="bottom"]:not([data-corner]) .piece-speech{right:50%;transform:translateX(50%)}
/* Explicit turn instruction, with a recognizable character portrait. */
.board-center .turn-line{max-width:100%;padding:9px 19px;gap:12px;border:3px solid #fff;border-radius:24px;background:#f1ffe0;box-shadow:0 4px 0 #83aa6a30;margin:6px 0 12px}
.board-center .turn-line h3{font-size:clamp(22px,2.5vw,36px);font-weight:900;line-height:1.25;color:#216746;text-align:center}
.turn-thief .board-center .turn-line{background:#fff0ce}.turn-thief .board-center .turn-line h3{color:#93491f}
.board-center #turn-badge{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;padding:0;border:0;background:#fff;border-radius:50%;overflow:hidden}
#turn-badge img{width:100%;height:100%;object-fit:contain}
@media(max-height:700px){.board-center .turn-line{padding:5px 12px;margin:3px 0 7px;gap:8px}.board-center .turn-line h3{font-size:clamp(20px,2.4vw,27px)}.board-center #turn-badge{width:34px;height:34px}}
@media(max-width:600px){.board-center .turn-line{padding:5px 8px;gap:5px}.board-center .turn-line h3{font-size:18px}.board-center #turn-badge{width:30px;height:30px}}
.board-shell[data-mode="10"] .duo,.board-shell[data-mode="10"] .center-top{display:none}
.board-center .turn-line{position:relative;z-index:10;flex-shrink:0}
/* Timed chase: time remains clear while all board cells fit one viewport. */
.round-clock{font-variant-numeric:tabular-nums;font-size:clamp(26px,3vw,44px);font-weight:900;line-height:1.1;color:#216746;background:#fff9e8;border:2px solid white;border-radius:16px;padding:5px 18px;margin:3px 0;flex-shrink:0}
.round-clock.clock-urgent{color:#bc3428;background:#fff0e7;border-color:#efb6a4}
.board-center .duo{display:none}.board-center .turn-line{margin:4px 0 6px}.board-center .center-top{height:18px;font-size:12px}
@media(max-height:700px){.board-center .center-top{display:none}.round-clock{font-size:26px;padding:3px 12px}.board-center .turn-line{padding:3px 9px}.board-center .turn-line h3{font-size:20px}.board-center .dice{height:64px;--die:42px}.board-center .turn-hint{font-size:11px;margin-top:3px}.board-shell[data-mode="10"] .round-clock{font-size:23px}}
.board-shell[data-mode="10"] .round-clock{font-size:28px;padding:3px 12px;margin:2px 0}
.board-shell[data-mode="10"] .turn-line{padding:4px 10px;margin:3px 0 5px}
.board-shell[data-mode="10"] .turn-line h3{font-size:clamp(19px,2vw,27px)}
.board-shell[data-mode="10"] #turn-badge{width:32px;height:32px}
.board-shell[data-mode="10"] .dice{height:65px;--die:44px}

/* 追逐模式：仅当前角色短暂说话，不长期遮挡棋盘。 */
.piece-speech{animation:speech-dismiss 3s forwards;pointer-events:none}
@keyframes speech-dismiss{0%,80%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.piece-speech{animation-duration:3s}}

/* 通知不再覆盖棋盘中央；游戏内提示使用骰子下方原有文字位。 */
#toast.toast{top:auto;bottom:12px;left:50%;transform:translateX(-50%);max-width:min(620px,90vw);padding:10px 16px;border-radius:14px;font-size:16px;line-height:1.4}
.dice-back{transform:rotateY(180deg) translateZ(calc(var(--die)/2))}.dice-left{transform:rotateY(-90deg) translateZ(calc(var(--die)/2))}.dice-bottom{transform:rotateX(-90deg) translateZ(calc(var(--die)/2))}

/* 点数揭晓：正面朝向玩家，短暂放大，空间不挤压按钮。 */
.dice.dice-result .dice-cube{transform:scale(1.4) rotateX(-10deg) rotateY(-12deg);transition:transform .18s ease-out;filter:drop-shadow(0 3px 5px #a66a3026)}

/* 结束页：追逐结果与两位玩家的学习成果分开呈现。 */
.player-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0 14px}.player-result{border-radius:18px;background:#e8f8ee;padding:14px;text-align:center;min-width:0}.player-result.mouse-result{background:#fff1d8}.player-result h3{font-size:20px;margin:0 0 8px}.player-correct{display:block;font-size:clamp(25px,3vw,36px);line-height:1.25}.player-result p{font-size:15px;margin-top:7px}.player-result .player-encouragement{font-size:13px;line-height:1.4}.learning-heading{font-size:20px;margin-top:12px}#dialog[data-kind="result"] .winner-art{height:90px;width:90px;margin:0 auto 8px}#dialog[data-kind="result"] .learning-reward{padding:12px;margin:8px 0}#dialog[data-kind="result"] .learning-reward strong{font-size:22px}#dialog[data-kind="result"] .learning-reward p{margin-top:6px;font-size:15px}
#dialog[data-kind="result"]{width:min(780px,calc(100vw - 32px));padding:20px}
#dialog[data-kind="result"] #dialog-body{line-height:1.4}
#dialog[data-kind="result"] h2{margin-bottom:8px}
#dialog[data-kind="result"] .winner-art{width:64px;height:64px}
#dialog[data-kind="result"] .dialog-actions{margin-top:12px}
#dialog[data-kind="result"] #dialog-body .player-result p{margin:6px 0 0}
#dialog[data-kind="result"] #dialog-body .learning-reward p{margin:6px 0 0}