#extra-view{padding:28px 56px 32px}#extra-title{font-size:44px}#extra-subtitle{font-size:14px;color:var(--muted);margin-top:6px}.extra-topline{display:flex;align-items:center;gap:12px;margin:0 0 20px;font-size:14px}.extra-topline select,#extra-choice{font:inherit;background:var(--paper);border:1px solid #abb9a9;border-radius:6px;padding:12px;color:var(--ink);max-width:100%}#extra-time-wrap{margin-left:auto;color:var(--muted)}#extra-time{font-variant-numeric:tabular-nums;margin-left:7px;color:var(--ink)}.extra-shell{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#f0f1e8}.extra-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 26px;border-bottom:1px solid #ccd6c5}.extra-toolbar>strong{font-size:15px;font-weight:500}.extra-tools{display:flex;gap:20px;align-items:center}.extra-tools button{display:flex;align-items:center;gap:7px;min-height:44px;background:none;padding:5px 0;font-size:14px}.extra-tools svg{width:19px;height:19px}#extra-status{font-size:14px;color:#456044;padding:17px 26px;min-height:54px;line-height:1.5}#extra-board{padding:10px 26px 24px}.extra-bottom{border-top:1px solid #ccd6c5;padding:16px 26px;font-size:12px;color:#50674e;display:flex;justify-content:space-between;gap:15px}#extra-instructions{font-size:14px;color:var(--muted);line-height:1.7;text-align:center;margin:20px auto 0;max-width:75ch}#extra-choice-label{display:block;margin-bottom:9px;font-size:14px}#extra-choice{width:100%;margin-bottom:28px}#extra-completion{margin:0 26px 24px;border-bottom:1px solid #bacbad;padding:12px 0 25px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}#extra-completion h2{font-size:34px}#extra-completion p{flex:1;min-width:170px;font-size:14px;line-height:1.6}.small-help{font-size:13px!important;line-height:1.7!important;color:#52654d}.pressed{background:#d4e3c6!important;border-color:#60805b!important}.extra-shell:has(.board-spider){background:#174b3d;color:#fff9ec;border:0}.extra-shell:has(.board-spider) .extra-toolbar,.extra-shell:has(.board-spider) .extra-bottom{border-color:#ffffff26}.extra-shell:has(.board-spider) #extra-status,.extra-shell:has(.board-spider) .extra-bottom{color:#e1ebda}.extra-shell:has(.board-spider) .outline{color:#fff9ec;border-color:#c8d5bb7d}.extra-shell:has(.board-spider) .outline:hover{background:#ffffff15}.spider-stockbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;font-size:14px;color:#e1ebda}.spider-stockbar button{display:flex;gap:15px;align-items:center;font-size:14px}.spider-stockbar button span{font-size:12px;color:#d2dfc8}.spider-scroll{overflow-x:auto;padding:5px 5px 15px;scrollbar-color:#a2b49a #174b3d}.spider-columns{--spider-height:130px;--spider-step:29px;min-width:760px;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:12px;min-height:370px}.spider-pile{position:relative;min-height:var(--spider-height);border-radius:6px;border:1px solid #e8e9d33d}.spider-card{position:absolute;left:0;right:0;height:var(--spider-height);width:100%}.spider-card .corner{font-size:23px;left:5px;top:5px}.spider-card .center-suit{font-size:39px}.spider-card .bottom-corner{font-size:15px}.spider-empty{width:100%;height:var(--spider-height);background:transparent;color:#e4eadb;font-size:12px}.column-number{display:block;font-size:11px;text-align:center;margin-bottom:12px;color:#d0deca}.can-receive{outline:2px solid #b9d9a0;outline-offset:3px}.extra-clear .spider-columns{--spider-step:35px}.extra-clear .spider-card .corner{font-size:28px}
.sudoku-layout,.word-layout,.mahjong-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(210px,1fr);align-items:start;gap:44px;max-width:960px;margin:6px auto 14px}.sudoku-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));border:2px solid #345d47;background:#d1dbca;gap:0;width:100%;aspect-ratio:1}.sudoku-cell{aspect-ratio:1;border:0;border-right:1px solid #c5d0be;border-bottom:1px solid #c5d0be;background:#fffef8;color:#245da5;font:500 clamp(22px,2.4vw,32px) 'DM Sans',sans-serif;display:grid;place-items:center;position:relative;padding:0;border-radius:0}.sudoku-cell.given{color:#243f2a;font-weight:700}.sudoku-cell.peer-cell{background:#edf1e4}.sudoku-cell.same-number{background:#d7e7cb}.sudoku-cell.box-right{border-right:2px solid #345d47}.sudoku-cell.box-bottom{border-bottom:2px solid #345d47}.sudoku-cell.active-cell{background:#d5e7bf;box-shadow:inset 0 0 0 3px #648741;z-index:1}.sudoku-cell.wrong-cell{color:#a12621;background:#f8ddd1}.sudoku-cell.wrong-cell:after{content:'';position:absolute;bottom:4px;width:5px;height:5px;background:#a12621;border-radius:50%}.sudoku-cell:focus-visible{outline:3px solid #b77926;outline-offset:-3px;z-index:2}.pencil-grid{display:grid;grid-template-columns:repeat(3,1fr);height:100%;width:100%;padding:3px;font:11px 'DM Sans',sans-serif;color:#3d6559}.pencil-grid span{display:grid;place-items:center}.sudoku-controls h2,.word-list h2,.mahjong-aside h2{font-size:34px;line-height:1.1}.sudoku-controls>p,.word-list>p,.mahjong-aside>p{font-size:15px;line-height:1.8;color:#52654d;margin:14px 0 22px}.number-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.number-pad button{background:#fffdf5;color:var(--ink);border:1px solid #bdcdb0;border-radius:6px;min-height:52px;font-size:26px}.number-pad button:hover{background:#dce8cf}.sudoku-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.sudoku-actions .outline{padding:10px 13px;font-size:14px}.word-layout{grid-template-columns:minmax(0,1.6fr) minmax(190px,1fr);gap:38px}.word-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));border:1px solid #b4c3a8;padding:10px;gap:2px;background:#fffdf5;touch-action:none;user-select:none;border-radius:8px}.letter-cell{aspect-ratio:1;display:grid;place-items:center;background:transparent;border-radius:5px;font:500 clamp(16px,1.75vw,23px) 'DM Sans',sans-serif;padding:0;color:#284c35;min-width:0}.letter-cell:hover{background:#edf0df;color:#284c35}.letter-cell.word-found{background:#d4e5bc;color:#193e2c}.letter-cell.word-preview,.letter-cell.word-start{background:#f1d99b;box-shadow:inset 0 0 0 1px #ae853d;color:#493e23}.letter-cell:focus-visible{outline-offset:-2px}.word-list ul{list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 14px}.word-list li{display:flex;align-items:center;justify-content:space-between;font-size:14px;letter-spacing:.5px;gap:4px}.word-list li svg{width:17px;height:17px;fill:none;stroke:#4c7337;stroke-width:2;flex-shrink:0}.found-word{color:#5c7148}.found-word span{text-decoration:line-through;text-decoration-thickness:1px}.mahjong-layout{grid-template-columns:minmax(0,1.4fr) minmax(200px,1fr);gap:55px;align-items:center;padding:16px 20px}.mahjong-board{position:relative;aspect-ratio:6/7.8;width:100%;max-width:455px;margin:auto}.mahjong-tile{position:absolute;left:calc(var(--x)*16.666666% + var(--z)*3px);top:calc(var(--y)*16.666666% - var(--z)*3px);width:calc(16.666666% - 7px);height:calc(16.666666% - 7px);background:#fffdf2;box-shadow:0 5px 0 #829572,0 7px 8px #28423220;border-radius:6px;border:1px solid #c0c9aa;display:grid;place-items:center;padding:4px}.mahjong-tile.free-tile{border-color:#547445;box-shadow:0 5px 0 #71865b,0 7px 9px #28423224}.mahjong-tile.blocked-tile{background:#e1e5d5;filter:saturate(.55)}.mahjong-tile.free-tile:hover{transform:translateY(-3px);background:#fffef7}.tile-symbol,.tile-dots{width:100%;height:100%;max-height:78px}.tile-symbol path{stroke:#275c46;stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round}.dragon{font:38px Georgia,serif;color:#245943}.dragon.red{color:#a84637}.mahjong-count{display:flex;align-items:baseline;gap:14px;padding:20px 0;border-block:1px solid #c5d2bb}.mahjong-count strong{font-size:39px;font-family:'Libre Caslon Display',Georgia,serif;font-weight:400}.mahjong-count span{font-size:14px;color:#52654d}.stock-slot:has(.card)>.empty-label{visibility:hidden}
@media(max-width:1100px){#extra-view{padding-inline:30px}.sudoku-layout,.word-layout{gap:26px}.word-list ul{grid-template-columns:1fr}.mahjong-layout{gap:35px;padding-inline:0}}
@media(max-width:800px){.sudoku-layout,.word-layout{grid-template-columns:1fr;max-width:540px;gap:26px}.sudoku-controls h2,.word-list h2{font-size:30px}.number-pad{grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}.number-pad button{font-size:23px;min-height:48px}.sudoku-controls>p{margin:10px 0 18px}.word-list ul{grid-template-columns:repeat(2,minmax(0,1fr))}.letter-cell{font-size:22px}.sudoku-cell{font-size:30px}.mahjong-layout{grid-template-columns:1fr;max-width:440px;gap:25px}.mahjong-board{max-width:370px}.mahjong-aside{padding-top:18px;border-top:1px solid #c5d2bb}.mahjong-count{float:right;border:0;padding:0 0 0 15px}.mahjong-aside h2{font-size:30px}.mahjong-aside>p{margin:12px 0}.extra-toolbar{flex-wrap:wrap}.extra-toolbar>strong{font-size:14px}.extra-tools{gap:18px}}
@media(max-width:700px){#extra-view{padding:20px 12px 30px}#extra-title{font-size:34px}#extra-subtitle{font-size:13px;line-height:1.6}#extra-view .game-heading{gap:10px}#extra-view .game-heading .outline{white-space:nowrap}.extra-topline{padding:0 6px;gap:9px}.extra-topline label{display:none}.extra-topline select{font-size:14px;padding:10px;max-width:62%}.extra-topline #extra-time-wrap{font-size:12px}.extra-toolbar{padding:10px 14px;gap:0 16px}.extra-tools{margin-left:auto;gap:17px}.extra-tools button{font-size:13px}.extra-tools svg{width:16px;height:16px}#extra-status{padding:14px;font-size:13px;min-height:67px}#extra-board{padding:0 12px 20px}.extra-bottom{padding:14px;font-size:12px;flex-wrap:wrap;gap:8px}#extra-instructions{font-size:13px;padding:0 9px}.sudoku-layout,.word-layout{gap:24px;margin-top:0}.sudoku-cell{font-size:25px}.pencil-grid{font-size:9px;padding:1px}.number-pad{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.number-pad button{min-height:48px}.sudoku-actions .outline{flex:1;padding-inline:9px}.word-grid{padding:5px;gap:1px}.letter-cell{font-size:17px;border-radius:3px}.word-list ul{margin:15px 0;gap:14px}.word-list li{font-size:14px}.word-list>p{margin:10px 0}.spider-stockbar{align-items:start;font-size:13px;gap:12px}.spider-stockbar>span{max-width:45%;line-height:1.7}.spider-stockbar button{font-size:13px;padding:12px;gap:10px}.spider-columns{gap:10px;min-width:770px}.spider-scroll{padding-top:7px}.mahjong-layout{padding:10px 4px}.mahjong-board{max-width:345px}.mahjong-tile{padding:2px}.dragon{font-size:30px}#extra-completion{margin-inline:14px}#extra-completion h2{font-size:30px}}
@media(max-width:370px){.site-header .brand{font-size:21px}.site-header nav{gap:7px}.site-header .brand svg{width:23px}.site-header{padding-inline:10px}.letter-cell{font-size:15px}.extra-tools{gap:13px}}