@font-face{font-family:Pingo;src:local('Avenir Next'),local('Nunito Sans'),local('Trebuchet MS');font-display:swap}*{box-sizing:border-box} :root{--ink:#302c3a;--muted:#8b8594;--purple:#8f72cc;--purple-dark:#675091;--line:#e8e4e9;--paper:#f7f6f2;--green:#d2ed9a;--font:Pingo,'Trebuchet MS',Arial,sans-serif}body{margin:0;background:var(--paper);color:var(--ink);font:15px var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .18s,transform .18s;border:0}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9676d5;outline-offset:4px}button svg,[data-icon] svg{width:20px;height:20px;display:block}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.topbar{height:94px;max-width:1260px;margin:auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:13px;line-height:1.05;font-weight:600;letter-spacing:.1px}.brand-pingo{font-size:24px;display:block;letter-spacing:-1px}.brand-dot{color:var(--purple)}.brand-mark{display:grid;place-items:center;width:45px;height:48px;font-size:34px;color:var(--purple-dark);background:#eae4f4;border-radius:14px;transform:rotate(-7deg)}nav{display:flex;align-items:center;gap:13px}.beta{font-size:10px;letter-spacing:1.4px;color:#8a8190;margin-right:14px}.icon-button{background:transparent;color:var(--ink);display:grid;place-items:center;width:39px;height:39px;border-radius:12px;font-size:27px}.icon-button:hover{background:#eee9f4}.shell{max-width:1180px;margin:auto;padding:0 24px}.intro{display:flex;justify-content:space-between;align-items:center;padding:45px 0 31px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#8e8699;display:flex;align-items:center;gap:8px}.live-dot{height:6px;width:6px;background:#8baf60;border-radius:50%}h1{font-size:51px;line-height:1.15;margin:13px 0 10px;letter-spacing:-2.4px;font-weight:800}h1>span{color:var(--purple);position:relative}h1>span:after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:9px;border-top:2px solid #c9b7e5;border-radius:50%;transform:rotate(-3deg)}.intro p{color:#827b88;margin:0;font-size:15px}.mobile-break{display:none}.intro-note{display:flex;gap:14px;align-items:center;color:#96909a;line-height:1.6;font-size:12px;padding-right:14px}.intro-note strong{font-weight:500;color:#665e6e}.mini-star{font-size:37px;color:#b8a3d8}.game-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px;align-items:start}.board-panel{background:white;padding:19px 20px 10px;border:1px solid #e5e1e8;border-radius:22px;box-shadow:0 7px 24px #46355604}.player-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 0 16px}.player-row:not(.opponent){padding:17px 0 12px}.player-identity{display:flex;align-items:center;gap:10px;min-width:0}.player-identity strong{font-size:13px;display:block}.player-identity>div>span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;flex-shrink:0}.bear-mini{background:#eee7f8;color:#66518a;font-size:19px;letter-spacing:-2px}.human-avatar{background:#edf0e5;color:#778c58;font-size:28px}.tiny-badge{font-size:7px;font-weight:600;letter-spacing:1px;margin-left:6px;vertical-align:middle;color:#998aaf;background:#f3eff8;padding:3px 5px;border-radius:4px}.white-label{background:#f4f4f0;color:#9c9b8d}.level-pill{border:1px solid #e8e3ed;border-radius:20px;color:#8a7c9d;font-size:10px;padding:6px 10px;white-space:nowrap}.board-frame{display:flex;gap:9px;position:relative}.eval-track{width:5px;flex-shrink:0;border-radius:4px;background:#50445e;position:relative;overflow:hidden}.eval-track>div{position:absolute;bottom:0;width:100%;height:50%;background:#dfd5ed;transition:height .5s}.board-wrap{position:relative;width:100%;aspect-ratio:1}.board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:100%;height:100%;overflow:hidden;border-radius:5px;position:relative;touch-action:manipulation}.square{background:#eeebf2;position:relative;padding:0;display:grid;place-items:center;aspect-ratio:1;border-radius:0;color:#6f627d;min-width:0}.square.dark{background:#a68cbe}.square:disabled{opacity:1;cursor:default}.square:hover:not(:disabled){box-shadow:inset 0 0 0 3px #8d73b177}.square.last{background:#ded6ab}.square.dark.last{background:#b8b083}.square.selected{background:#d1e89d;box-shadow:inset 0 0 0 3px #849b5f}.square.check{background:#db8a90}.square.hinted{box-shadow:inset 0 0 0 4px #d8efa6}.square .dot{position:absolute;z-index:2;width:24%;height:24%;border-radius:50%;background:#51415c44;pointer-events:none}.square .dot.capture{width:85%;height:85%;background:transparent;border:5px solid #59496877}.coord{position:absolute;font-size:9px;font-weight:bold;z-index:2;pointer-events:none;opacity:.8}.coord.rank{left:4px;top:3px}.coord.file{right:4px;bottom:2px}.dark .coord{color:#fbf7ff}.piece-svg{width:83%;height:83%;overflow:visible;filter:drop-shadow(0 3px 1px #352d4b25);pointer-events:none;transition:transform .15s}.square.selected .piece-svg{transform:translateY(-3px)}#arrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}#hint-arrow{stroke:#8765d6;stroke-width:14;stroke-linecap:round;marker-end:url(#arrowhead);opacity:0}.board-cover{position:absolute;inset:0;display:grid;place-items:center;z-index:5;background:#f9f7f2d9;backdrop-filter:blur(3px);border-radius:5px;text-align:center}.cover-inner{padding:20px}.cover-label{font-size:9px;letter-spacing:2px;color:#9788a9}.cover-inner h2{font-size:30px;line-height:1.18;letter-spacing:-1px;margin:19px 0 12px}.cover-inner p{font-size:13px;line-height:1.65;color:#83768d;margin-bottom:23px}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:17px;border-radius:12px;padding:16px 23px;font-weight:700;font-size:13px;min-height:47px}.primary{background:var(--green);color:#39422e;box-shadow:0 4px 0 #b4ce7f}.primary:hover{background:#def5b1}.secondary{background:#f1edf7;color:#6d5989}.cover-inner .primary{margin:auto}.cover-foot{display:block;margin-top:18px;font-size:9px;color:#8d8298}.eval-label{font-size:11px;color:#91869c;font-variant-numeric:tabular-nums}.board-actions{display:flex;gap:6px;border-top:1px solid #f0edf2;padding-top:12px}.board-actions button{background:#f8f7fa;color:#7b6e8a;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;border-radius:9px;min-height:40px;flex:1;white-space:nowrap}.board-actions button:hover{background:#ede5f6}.board-actions button svg{width:16px;height:16px}.board-actions .icon-only{flex:0 0 36px}.board-tip{font-size:9px;color:#a19ba8;text-align:center;line-height:1.6;margin:12px 0 0}.coach-panel{min-width:0}.coach-top{display:flex;justify-content:space-between;align-items:center;padding:3px 3px 0}.coach-top .eyebrow{font-size:8px;letter-spacing:1.4px}.online{font-size:9px;color:#8b858f;display:flex;gap:5px;align-items:center}.online i{background:#a8c477;width:5px;height:5px;border-radius:50%}.mascot-stage{height:276px;position:relative;display:flex;justify-content:center;align-items:center;isolation:isolate}.mascot-stage:before{content:'';position:absolute;width:260px;height:225px;border-radius:50%;background:radial-gradient(ellipse,#e9e1f5 0,#f0eaf6aa 45%,transparent 72%);z-index:-1}.pingo-svg{width:100%;height:100%;overflow:visible}#mascot{width:280px;height:253px;position:relative;z-index:1;margin-top:0}.floating-note{position:absolute;right:0;top:62px;background:#fffdf6;border:1px solid #e9e4dd;transform:rotate(9deg);padding:11px 12px;font-size:9px;line-height:1.7;color:#aaa08b;z-index:2;border-radius:3px;box-shadow:3px 5px 0 #e9e4ed55}.floating-note strong{color:#8c7e91;font-size:9px;font-weight:500}.mood-label{position:absolute;bottom:1px;font-size:9px;letter-spacing:.2px;color:#a093b0}.stage-orbit{position:absolute;border:1px solid #e7e0ee;width:259px;height:205px;border-radius:50%;z-index:-1;transform:rotate(-22deg)}.orbit-two{width:280px;height:173px;transform:rotate(24deg);border-style:dashed}.pingo-head{transform-origin:200px 195px;animation:pingo-idle 5s ease-in-out infinite}.eyes{transform-origin:200px 150px;animation:blink 6s infinite}.mouth-open{display:none}.speaking .mouth-open{display:block;animation:talk .24s infinite alternate;transform-origin:203px 201px}.speaking .mouth-smile{display:none}[data-mood=thinking] .pingo-head{transform:rotate(-6deg);animation:none}[data-mood=thinking] .brow-left{transform:translateY(-7px)}[data-mood=impressed] .eyebrows{transform:translateY(-9px)}[data-mood=impressed] .mouth-smile{d:path('M183 191q18 23 37 0')}[data-mood=smug] .brow-right{transform:translateY(-5px)}.speech-card{border:1px solid #ddd4e9;background:#f1ebf8;padding:18px 20px 12px;border-radius:15px;position:relative;min-height:154px;margin-top:16px}.speech-card:before{content:'';position:absolute;width:14px;height:14px;background:#f1ebf8;border-left:1px solid #ddd4e9;border-top:1px solid #ddd4e9;top:-8px;left:48%;transform:rotate(45deg)}.speech-heading{display:flex;align-items:center;gap:8px}.speech-heading strong{font-size:12px;color:#685081;flex:1;line-height:1.4}.speech-heading button{background:none;color:#9374b3;padding:2px;flex-shrink:0}.speech-heading button svg{width:16px;height:16px}.voice-wave{display:flex;gap:2px;align-items:center;height:15px;color:var(--purple)}.voice-wave i{height:7px;width:2px;background:currentColor;border-radius:2px}.voice-wave i:nth-child(2){height:13px}.voice-wave i:nth-child(3){height:10px}.speaking .voice-wave i{animation:wave .35s infinite alternate}.speaking .voice-wave i:nth-child(2){animation-delay:.2s}.speech-card p{font-size:13px;color:#7d6a90;line-height:1.7;margin:10px 0 13px}.speech-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #e5dcee;padding-top:9px;font-size:8px;letter-spacing:.3px;color:#a294b0}.speech-bottom button{background:none;color:#785496;font-size:10px;display:flex;align-items:center;gap:6px;padding:0}.speech-bottom button svg{width:13px;height:13px}.difficulty{padding:23px 2px 0}.difficulty strong{font-size:12px;display:block}.difficulty>div>span{display:block;font-size:9px;color:#a29aa9;margin-top:5px}.difficulty-options{display:flex;gap:7px;margin-top:13px}.difficulty-options button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;background:#f0eeeb;color:#928896;border:1px solid #e5e1e5;border-radius:10px;padding:10px 3px;font-size:15px;min-height:41px}.difficulty-options button span{font-size:10px}.difficulty-options button.selected{background:#eee6f7;border-color:#bba4d7;color:#755591}.session-card{display:flex;gap:12px;margin-top:20px;padding:15px;background:#f0f1e9;border:1px solid #e5e7dc;border-radius:12px}.session-icon{color:#9aaa80}.session-card strong{font-size:10px;color:#7c846b}.session-card p{font-size:10px;line-height:1.6;color:#999d8e;margin:5px 0 0}.journal{margin-top:45px}.journal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.journal-top .eyebrow{font-size:8px;letter-spacing:1.6px}h2{font-size:25px;letter-spacing:-.8px;line-height:1.25}.journal h2{margin:8px 0 0}.journal h2 span{color:var(--purple)}.text-button{display:inline-flex;align-items:center;gap:7px;background:none;color:#9d8eaf;font-size:11px;padding:8px}.text-button svg{width:15px;height:15px}.journal-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:20px}.moves-box{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.moves-head{display:grid;grid-template-columns:50px 1fr 1fr;padding:14px 18px;background:#f4f2f6;font-size:8px;letter-spacing:1.3px;color:#9a91a4;gap:10px}.move-list{max-height:220px;overflow:auto;min-height:130px}.empty-moves{font-size:11px;color:#aaa2b2;text-align:center;padding:35px 10px;line-height:1.5}.move-row{display:grid;grid-template-columns:50px 1fr 1fr;gap:10px;padding:4px 18px;align-items:center}.move-row:nth-child(even){background:#faf9fb}.move-number{font-size:10px;color:#aea5b5}.move-row button{text-align:left;background:none;border-radius:5px;padding:7px;font-size:12px;color:#7a6a88;display:flex;gap:6px;align-items:center}.move-row button.active{background:#e9e0f5;color:#76528f}.grade-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#a6bc7f}.grade-dot.blunder{background:#d97c83}.grade-dot.mistake{background:#dfa17d}.grade-dot.inaccuracy{background:#dbc681}.grade-dot.best{background:#8fb299}.lesson-list{max-height:280px;overflow:auto;border-radius:14px}.empty-lesson{text-align:center;border:1px dashed #ded8e5;border-radius:14px;padding:19px 15px;height:100%;min-height:178px}.empty-lesson>span{font-size:33px;color:#beadd2}.empty-lesson h3{font-size:13px;font-weight:600;margin:4px 0 8px;color:#93849f}.empty-lesson p{font-size:11px;color:#a49bab;line-height:1.8;margin:0}.lesson{background:#fff;border:1px solid var(--line);padding:14px 16px;border-radius:12px;margin-bottom:8px}.lesson-top{display:flex;align-items:center;gap:7px;font-size:10px;color:#8a7b99}.lesson-top strong{color:#665574}.lesson>p{font-size:11px;line-height:1.7;color:#93869f;margin:7px 0}.lesson button{background:#f1ebf8;color:#86649f;border-radius:6px;font-size:9px;padding:7px 10px}.review-controls{border-top:1px solid var(--line);padding:10px;display:flex;align-items:center;gap:8px;font-size:10px;color:#998aa6}.review-controls button{border-radius:7px;background:#f1ecf7;color:#8f70a6;padding:8px 10px}.review-controls #review-live{margin-left:auto;font-size:9px}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--line);margin-top:40px;padding:28px 0 20px}.how>div>span{font-size:8px;color:#a08ab5;letter-spacing:1.6px}.how h3{font-size:13px;margin:10px 0 8px}.how p{font-size:11px;line-height:1.7;color:#9b919e;margin:0;max-width:270px}footer{max-width:1180px;margin:22px auto 0;padding:23px 24px 35px;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;font-size:10px;color:#aba2af}.footer-brand{font-size:14px;font-weight:bold;color:#9a8eaa;letter-spacing:-.5px}footer button{margin-left:auto;background:none;font-size:9px;color:#aa9bb6}.error-banner{background:#fff0e8;color:#935d44;border-radius:9px;padding:12px;font-size:11px;line-height:1.6;margin-top:10px}.error-banner button{background:#f0d6c4;border-radius:5px;padding:6px 10px;margin-top:7px;color:#935d44;display:block}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);padding:13px 20px;background:#45374eea;color:#fff;border-radius:12px;box-shadow:0 5px 25px #0002;z-index:50;font-size:12px;max-width:90vw;width:max-content;line-height:1.5}dialog{border:1px solid #e4dcec;border-radius:22px;padding:27px;max-width:440px;width:calc(100% - 32px);color:var(--ink);background:#fffdfa;box-shadow:0 24px 90px #34223c33}dialog::backdrop{background:#3c304b66;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dialog-heading h2{margin:0}dialog p{font-size:13px;line-height:1.7;color:#92839e}dialog .primary{width:100%;margin-top:18px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}.setting-row strong{font-size:13px}.setting-row small{display:block;color:#a99caf;font-size:11px;margin-top:4px}.setting-row input{width:20px;height:20px;accent-color:var(--purple)}.field-label{display:block;font-size:11px;color:#927f9f;margin:19px 0}.field-label select{display:block;width:100%;border:1px solid #e3d9e9;background:#faf7fd;color:#776083;padding:11px;border-radius:9px;margin-top:7px;font-size:12px}.field-label input[type=range]{width:100%;display:block;accent-color:var(--purple);margin-top:10px}.field-label>span{float:right}.dialog-note{font-size:10px!important}.dialog-actions{display:flex;align-items:center;gap:10px}.dialog-actions .primary{margin:0;width:auto}.promotion-options{display:flex;gap:10px;margin:20px 0}.promotion-options button{flex:1;background:#e8ddf2;padding:10px;border-radius:12px;aspect-ratio:1}.promotion-options svg{width:100%;height:100%}.loading-dots:after{content:'…';animation:pulse 1s infinite}.reviewing .board{box-shadow:0 0 0 3px #aa8bc8}.speaking .mascot-stage .mood-label{color:#8e69b5}@keyframes pingo-idle{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-3px)}}@keyframes blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.1)}}@keyframes talk{from{transform:scaleY(.4)}to{transform:scaleY(1)}}@keyframes wave{from{transform:scaleY(.5)}to{transform:scaleY(1.3)}}@keyframes pulse{50%{opacity:.3}}@media(min-width:1500px){.intro{padding-top:55px}.game-layout{gap:40px}}@media(max-width:1000px){.shell{padding:0 26px}.topbar{padding:0 26px}.game-layout{gap:20px}.board-panel{padding:15px 13px 10px}.intro-note{display:none}.floating-note{font-size:8px;padding:8px;right:-4px}.floating-note strong{font-size:8px}.mascot-stage{height:242px}#mascot{width:253px;height:234px}.speech-card{padding:15px}.speech-card p{font-size:12px}.tiny-badge{display:none}.board-actions{gap:4px}.board-actions button{font-size:9px;gap:4px}.board-actions button svg{width:14px}}@media(max-width:720px){.topbar{height:73px;padding:0 20px}.brand-mark{width:37px;height:40px;font-size:29px;border-radius:11px}.brand-pingo{font-size:21px}.brand{font-size:11px;gap:8px}.beta{font-size:7px;letter-spacing:.5px;margin-right:0}nav{gap:2px}.icon-button{width:34px}.shell{padding:0 17px}.intro{padding:28px 3px 16px}.intro .eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:39px;letter-spacing:-1.9px;margin:11px 0 12px}.intro p{font-size:11px}.game-layout{display:flex;flex-direction:column;gap:0}.coach-panel{display:contents}.coach-top{display:none}.mascot-stage{order:0;height:162px;width:100%;margin-top:5px}.mascot-stage:before{width:230px;height:150px}#mascot{width:198px;height:181px;margin-top:-10px}.stage-orbit{height:120px;width:220px}.orbit-two{width:235px;height:135px}.floating-note{right:calc(50% - 170px);top:38px;font-size:8px;transform:rotate(8deg);padding:8px}.floating-note strong{font-size:8px}.mood-label{font-size:8px;bottom:-1px}.speech-card{order:1;width:100%;margin:12px 0 0;padding:13px 15px 9px;min-height:0}.speech-card p{font-size:12px;line-height:1.55;margin:8px 0 10px}.speech-heading strong{font-size:11px}.speech-bottom{font-size:8px;padding-top:7px}.difficulty{order:2;width:100%;padding:13px 0 12px}.difficulty>div:first-child{display:none}.difficulty-options{margin:0;gap:8px}.difficulty-options button{min-height:36px;padding:7px}.difficulty-options button span{font-size:10px}.board-panel{order:3;width:100%;border-radius:17px;padding:13px 11px 10px}.session-card{display:none}.player-row{padding:0 0 12px}.player-row:not(.opponent){padding:12px 0 10px}.avatar{width:30px;height:30px;border-radius:9px;font-size:20px}.bear-mini{font-size:16px}.player-identity strong{font-size:11px}.player-identity>div>span{font-size:9px;margin-top:3px}.tiny-badge{display:inline;font-size:6px;margin-left:4px}.level-pill{font-size:8px;padding:5px 8px}.board-frame{gap:5px}.eval-track{width:4px}.coord{font-size:8px}.board-actions button{font-size:9px;min-height:38px}.board-actions button svg{width:15px}.board-tip{font-size:8px}.cover-inner{padding:10px}.cover-inner h2{font-size:26px;margin:14px 0 8px}.cover-inner p{font-size:11px;margin:10px 0 17px}.cover-foot{font-size:8px;margin-top:13px}.primary{padding:13px 18px;font-size:12px;min-height:43px}.journal{margin-top:28px}.journal h2{font-size:23px}.journal-top .eyebrow{font-size:7px;letter-spacing:1px}.journal-top{gap:8px;margin-bottom:14px}.text-button{font-size:9px;gap:4px;padding:7px 0}.journal-grid{grid-template-columns:1fr;gap:12px}.move-list{min-height:65px;max-height:150px}.empty-moves{padding:14px 8px}.lesson-list{max-height:240px}.empty-lesson{min-height:120px;padding:12px}.empty-lesson p{font-size:10px}.empty-lesson>span{font-size:24px}.how{gap:19px;margin-top:27px;grid-template-columns:1fr;padding:23px 3px}.how>div{padding-left:43px;position:relative}.how>div>span{font-size:7px;letter-spacing:.8px}.how h3{margin:6px 0;font-size:12px}.how p{font-size:10px;max-width:none}.how>div:before{content:'✦';position:absolute;left:8px;top:10px;font-size:22px;color:#b6a4c9}footer{flex-wrap:wrap;padding:20px;gap:8px;margin-top:5px}footer p{width:100%;font-size:9px;margin:4px 0}footer button{margin:4px 0 0;padding:0}.cover-label{font-size:8px}.review-controls{font-size:9px}.review-controls button{padding:7px}.review-controls #review-live{font-size:8px}.error-banner{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:720px){.playing .intro{display:none}.playing .mascot-stage{height:85px;margin-top:4px}.playing #mascot{width:113px;height:107px;margin-top:-1px}.playing .mascot-stage:before{width:140px;height:80px}.playing .stage-orbit{width:145px;height:73px}.playing .floating-note{right:calc(50% - 153px);top:20px;font-size:7px;padding:6px}.playing .floating-note strong{font-size:7px}.playing .mood-label{left:6px;bottom:30px;width:83px;font-size:8px;line-height:1.6}.playing .speech-card{margin-top:6px;padding:10px 13px 8px}.playing .speech-card p{font-size:11px;line-height:1.5;max-height:100px;overflow-y:auto;margin:7px 0}.playing .speech-bottom{padding-top:6px;font-size:7px}.playing .difficulty{padding:10px 0}.playing .difficulty-options button{min-height:32px}.playing .topbar{height:60px}.playing .player-row{padding-bottom:9px}.playing .board-panel{padding-top:11px}.playing .player-row:not(.opponent){padding:10px 0 8px}.playing .board-actions{padding-top:9px}}