:root{color-scheme:light;--paper: #ffffff;--ink: #071a3d;--ink-soft: #3f506c;--muted: #748096;--line: #b9c5d7;--line-soft: #dce5f0;--rule-line: #e8eff8;--red: #e0202d;--red-soft: #fff4f4;--green: #138550;--green-soft: #f0faf5;--serif: "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;--sans: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--header-height: 72px;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth;background:var(--paper)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--paper);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 38px,rgba(196,213,235,.45) 39px,transparent 40px);background-position:0 var(--header-height)}button,textarea,[contenteditable=true]{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible,[contenteditable=true]:focus-visible{outline:3px solid rgba(224,32,45,.25);outline-offset:3px}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 clamp(24px,4vw,58px);border-bottom:1px solid var(--ink);background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-button,.nav-link,.back-link,.help-link{border:0;background:transparent;cursor:pointer}.brand-button{min-height:44px;padding:0;font-family:var(--serif);font-size:clamp(29px,3vw,42px);font-weight:900;letter-spacing:.03em}.site-nav,.game-header-actions{display:flex;align-items:stretch;height:100%;gap:clamp(18px,3vw,46px)}.nav-link,.back-link,.help-link{position:relative;display:inline-flex;align-items:center;gap:7px;padding:0 3px;color:var(--ink);font-family:var(--sans);font-size:15px;font-weight:700;text-decoration:none}.nav-link:hover,.back-link:hover,.help-link:hover,.nav-link.active{color:var(--red)}.nav-link.active:after{position:absolute;right:0;bottom:0;left:0;height:3px;background:var(--red);content:""}.lobby,.game-page{min-height:calc(100vh - var(--header-height))}.lobby-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.38fr);align-items:center;width:min(1180px,calc(100% - 48px));min-height:350px;margin:0 auto;padding:54px 40px 34px 112px}.margin-line{position:absolute;top:26px;bottom:0;left:36px;width:1px;background:#e0202d8c}.lobby-hero h1{max-width:770px;margin:0;font-family:var(--serif);font-size:clamp(50px,6.2vw,82px);font-weight:900;line-height:1.12;letter-spacing:.015em}.lobby-hero p{margin:26px 0 0;color:var(--ink-soft);font-family:var(--serif);font-size:clamp(18px,1.8vw,23px);letter-spacing:.04em}.proof-note{justify-self:center;color:var(--red);font-family:KaiTi,STKaiti,cursive;font-size:clamp(28px,3vw,42px);transform:rotate(-7deg);border-bottom:3px solid currentColor}.game-picker{width:min(1280px,calc(100% - 80px));margin:14px auto 56px}.game-picker h2{margin:0 0 17px 24px;padding-left:14px;border-left:3px solid var(--red);font-family:var(--serif);font-size:23px;letter-spacing:.04em}.game-list{border:1px solid var(--ink);background:var(--paper)}.game-row{position:relative;display:grid;grid-template-columns:130px 120px minmax(280px,1fr) auto 200px;align-items:center;width:100%;min-height:126px;padding:12px 22px;border:0;border-bottom:1px solid var(--ink);background:var(--paper);text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease}.game-row:last-child{border-bottom:0}.game-row.featured,.game-row:hover,.game-row:focus-visible{background:var(--red-soft)}.game-row.featured:before,.game-row:hover:before,.game-row:focus-visible:before{position:absolute;top:0;bottom:0;left:-1px;width:5px;background:var(--red);content:""}.game-number{padding-right:24px;border-right:1px solid var(--line);font-family:Georgia,Times New Roman,serif;font-size:61px;line-height:1}.game-illustration{display:flex;justify-content:center}.game-icon{width:64px;height:64px;fill:none;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.game-icon .icon-accent{stroke:var(--red)}.game-copy{display:grid;gap:6px}.game-copy strong{font-family:var(--serif);font-size:clamp(24px,2.4vw,34px);letter-spacing:.04em}.game-copy>span{color:var(--ink-soft);font-size:16px}.completed-mark{display:inline-flex;align-items:center;gap:4px;margin-right:22px;color:var(--green);font-size:13px;font-weight:800}.row-action{display:inline-flex;align-items:center;justify-content:center;justify-self:end;gap:14px;width:176px;height:56px;padding:0 18px;border:1px solid var(--ink);border-radius:5px;font-family:var(--serif);font-size:18px;font-weight:800;white-space:nowrap;transition:color .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease}.row-action-label{display:grid;min-width:82px;overflow:hidden;text-align:center}.row-action-label>span{grid-area:1 / 1;transition:opacity .16s ease,transform .16s ease}.row-action-hover{opacity:0;transform:translateY(12px)}.row-action svg{flex:none;transition:transform .16s ease}.game-row.featured .row-action{border-color:var(--red);color:var(--red)}.game-row:hover .row-action,.game-row:focus-visible .row-action{border-color:var(--red);color:#fff;background:var(--red);box-shadow:0 7px 18px #e0202d33}.game-row:hover .row-action-default,.game-row:focus-visible .row-action-default{opacity:0;transform:translateY(-12px)}.game-row:hover .row-action-hover,.game-row:focus-visible .row-action-hover{opacity:1;transform:translateY(0)}.game-row:hover .row-action svg,.game-row:focus-visible .row-action svg{transform:translate(5px)}.game-row:active .row-action{transform:translateY(1px) scale(.98)}.lobby-footer,.game-footer{display:flex;align-items:center;justify-content:center;min-height:70px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.footer-check{display:grid;width:27px;height:27px;margin-right:12px;place-items:center;border:2px solid var(--green);border-radius:50%;color:var(--green)}.game-masthead{display:flex;align-items:center;justify-content:space-between;width:min(1368px,calc(100% - 64px));min-height:100px;margin:0 auto;border-bottom:1px solid var(--line)}.game-masthead>div{display:flex;align-items:baseline;gap:42px}.game-masthead h1{margin:0;font-family:var(--serif);font-size:clamp(29px,3vw,43px);letter-spacing:.03em}.game-masthead>div p{margin:0;color:var(--ink-soft);font-family:var(--serif);font-size:17px}.progress-copy{margin:0;color:var(--ink-soft);font-family:var(--serif);font-size:18px;white-space:nowrap}.progress-copy strong{color:var(--ink);font-size:42px}.game-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(360px,.9fr);gap:clamp(38px,4vw,70px);width:min(1368px,calc(100% - 64px));margin:34px auto 40px}.writing-sheet{position:relative;min-height:650px;padding:40px 64px 32px 74px;border:1px solid var(--ink);border-radius:5px;background-color:var(--paper);background-image:linear-gradient(to right,transparent 38px,rgba(224,32,45,.28) 39px,transparent 40px),repeating-linear-gradient(to bottom,transparent 0,transparent 39px,rgba(196,213,235,.62) 40px)}.writing-sheet.shake{animation:paper-shake .3s ease}.writing-sheet>label{display:block;margin-bottom:18px;font-family:var(--serif);font-size:24px;font-weight:800}.editor-wrap{position:relative}.editor-wrap textarea,.rich-text-input{display:block;width:100%;height:280px;min-height:220px;padding:28px 31px 55px;resize:vertical;border:2px solid var(--ink);border-radius:5px;color:var(--ink);background:#fffffff2;font-family:var(--serif);font-size:clamp(23px,2.1vw,31px);line-height:1.65}.rich-text-input{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.editor-wrap textarea:focus,.rich-text-input:focus{border-color:#0b2c71;box-shadow:0 0 0 3px #0b2c7114;outline:0}.character-count{position:absolute;right:18px;bottom:14px;color:var(--ink-soft);font-family:var(--serif);font-size:15px}.character-count small{margin-left:6px;font-size:12px}.editor-tools{display:grid;gap:9px;margin-top:12px;padding:11px 14px 10px;border:1px solid var(--line);border-radius:5px;background:#ffffffeb}.editor-tool-group{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.editor-tool-label{min-width:66px;color:var(--ink-soft);font-size:13px;font-weight:700}.editor-tool-group button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:5px 11px;border:1px solid var(--line);border-radius:4px;background:var(--paper);cursor:pointer;font-size:13px;transition:border-color .12s ease,color .12s ease,transform .12s ease}.editor-tool-group button:hover{color:var(--red);border-color:var(--red);transform:translateY(-1px)}.color-swatch{width:13px;height:13px;border-radius:50%;box-shadow:0 0 0 1px #071a3d26}.editor-tool-group button.required-color{border-color:#e0202d8c;background:var(--red-soft)}.format-count{color:var(--green);font-size:12px;font-weight:700}.emoji-tools button{width:36px;padding:4px;font-size:19px}.emoji-tools button.required-emoji{border-color:#e0202d8c;background:var(--red-soft)}.editor-tool-status{min-height:16px;margin:0;color:var(--muted);font-size:11px}.active-feedback{display:flex;min-height:96px;padding:17px 16px 13px 52%;color:var(--red);font-family:KaiTi,STKaiti,cursive}.active-feedback.ready{color:var(--green)}.proof-arrow{margin-right:14px;font-size:38px;transform:rotate(-18deg)}.active-feedback>div{display:flex;flex-direction:column;align-items:flex-start}.active-feedback strong{border-bottom:2px solid currentColor;font-size:21px;font-weight:500}.active-feedback span:not(.proof-arrow),.active-feedback button{margin-top:5px;color:currentColor;font-family:var(--sans);font-size:12px}.active-feedback button{min-height:36px;padding:7px 0;border:0;border-bottom:1px dashed currentColor;background:transparent;cursor:pointer}.hint-copy{max-width:280px}.editor-actions{display:flex;align-items:center;gap:22px;padding-top:28px;border-top:1px dashed #45699b}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 30px;border-radius:5px;cursor:pointer;font-family:var(--serif);font-size:17px;font-weight:800;transition:transform .12s ease,background .12s ease,color .12s ease}.primary-button{min-width:230px;border:1px solid var(--ink);color:#fff;background:var(--ink)}.primary-button:hover{background:#102c62;transform:translateY(-1px)}.primary-button.compact{min-width:150px;min-height:49px;padding:0 22px}.secondary-button{border:1px solid var(--ink);color:var(--ink);background:var(--paper)}.secondary-button:hover{color:var(--red);border-color:var(--red)}.reset-button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:8px 0;border:0;color:var(--muted);background:transparent;cursor:pointer;font-size:13px}.reset-button:hover{color:var(--red)}.keyboard-hint{margin:17px 0 0;color:var(--ink-soft);font-size:13px}kbd{padding:2px 7px;border:1px solid var(--line);border-radius:3px;background:var(--paper);box-shadow:0 1px 0 var(--line);font-family:var(--sans);font-size:.9em}.rule-panel{min-width:0}.rule-panel h2{margin:9px 0 18px;padding-bottom:17px;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:26px;letter-spacing:.04em}.rule-list{margin:0;padding:0;list-style:none}.rule-row{display:grid;grid-template-columns:42px minmax(0,1fr) 34px;align-items:center;min-height:74px;border-bottom:1px solid var(--line);color:var(--ink);transition:color .16s ease,background .16s ease;animation:rule-reveal .24s ease both}.rule-number{font-family:Georgia,Times New Roman,serif;font-size:21px}.rule-copy{display:grid;gap:4px;min-width:0;font-family:var(--serif);font-size:17px;line-height:1.35}.rule-copy small{color:var(--muted);font-family:var(--sans);font-size:10px}.rule-status{display:grid;width:30px;height:30px;place-items:center;border:2px solid currentColor;border-radius:50%}.rule-row.passed{color:var(--green)}.rule-row.passed .rule-copy>span,.rule-row.passed .rule-number{color:var(--ink)}.rule-row.failed{color:var(--red);background:#e0202d09}.rule-row.locked{color:#9099aa}.rule-row.locked .rule-status{border:0}.game-footer{min-height:62px}.modal-layer{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;padding:24px;place-items:center;overflow-y:auto;background:#071a3db3}.paper-dialog{position:relative;width:min(650px,100%);padding:52px 58px 45px;border:1px solid var(--ink);border-top:3px double var(--red);border-radius:4px;background-color:var(--paper);background-image:linear-gradient(to right,transparent 44px,rgba(224,32,45,.2) 45px,transparent 46px),repeating-linear-gradient(to bottom,transparent 0,transparent 39px,rgba(196,213,235,.62) 40px);box-shadow:0 18px 60px #071a3d40;animation:dialog-in .22s ease both}.dialog-close{position:absolute;top:14px;right:16px;display:grid;width:40px;height:40px;padding:0;place-items:center;border:0;background:transparent;cursor:pointer}.help-dialog h2,.success-dialog h2{margin:0;font-family:var(--serif);font-size:clamp(38px,5vw,62px);text-align:center}.help-dialog>p,.help-dialog li{color:var(--ink-soft);font-size:15px;line-height:1.85}.help-dialog ol{padding-left:22px}.help-dialog .privacy-copy{color:var(--red)}.help-dialog .primary-button{display:flex;margin:24px auto 0}.success-dialog{width:min(680px,100%);padding-top:54px;text-align:center}.success-dialog h2{display:inline-block;border-bottom:4px double var(--red)}.success-dialog>p{color:var(--ink-soft)}.final-answer{display:grid;gap:10px;margin:30px 24px 12px;padding:18px 24px;border:1px solid var(--ink)}.final-answer span{font-size:13px;font-weight:800}.final-answer strong{overflow-wrap:anywhere;font-family:var(--serif);font-size:clamp(25px,4vw,37px)}.completion-line strong{color:var(--green);font-size:21px}.approval-stamp{display:block;width:180px;height:180px;margin:4px auto 16px;object-fit:contain;transform:rotate(-5deg)}.success-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.success-actions .primary-button,.success-actions .secondary-button{min-width:0;min-height:49px;padding:0 14px;font-size:15px}@keyframes paper-shake{25%{transform:translate(-5px) rotate(-.15deg)}50%{transform:translate(5px) rotate(.15deg)}75%{transform:translate(-3px)}}@keyframes rule-reveal{0%{opacity:0;transform:translateY(8px)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(16px) scale(.985)}}@media(max-width:980px){.lobby-hero{grid-template-columns:1fr}.proof-note{position:absolute;right:36px;bottom:32px;font-size:27px}.game-row{grid-template-columns:100px 90px minmax(220px,1fr) auto}.completed-mark{display:none}.row-action{width:165px;height:52px;padding:0 15px}.game-workspace{grid-template-columns:1fr}.rule-panel{width:100%}}@media(max-width:720px){:root{--header-height: 62px}.site-header{padding:0 16px}.brand-button{font-size:26px}.site-nav{gap:14px}.site-nav .active,.site-nav .active:after,.site-nav a{display:none}.game-header-actions{gap:13px}.back-link,.help-link{font-size:12px}.back-link svg,.help-link svg{width:19px}.lobby-hero{width:calc(100% - 28px);min-height:330px;padding:48px 12px 75px 40px}.margin-line{left:16px}.lobby-hero h1{font-size:clamp(41px,13vw,58px)}.lobby-hero p{font-size:15px;line-height:1.8}.proof-note{right:14px;bottom:30px;font-size:24px}.game-picker{width:calc(100% - 28px);margin-top:0}.game-picker h2{margin-left:6px;font-size:20px}.game-row{grid-template-columns:58px minmax(0,1fr) 36px;min-height:118px;padding:16px 14px}.game-number{align-self:start;padding:3px 12px 0 0;font-size:35px}.game-illustration{display:none}.game-copy{padding-left:15px}.game-copy strong{font-size:23px}.game-copy>span{font-size:13px;line-height:1.5}.row-action{width:36px;height:36px;padding:0;border:0;background:transparent;box-shadow:none}.row-action-label{display:none}.row-action svg{width:26px;height:26px}.game-masthead{display:block;width:calc(100% - 32px);padding:35px 0 27px;text-align:center}.game-masthead>div{display:block}.game-masthead h1{font-size:39px;line-height:1.2}.game-masthead>div p{margin-top:16px;font-size:14px}.progress-copy{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:20px;font-size:18px}.progress-copy:before,.progress-copy:after{width:46px;height:1px;background:var(--ink);content:""}.progress-copy strong{font-size:28px}.game-workspace{width:calc(100% - 28px);gap:36px;margin-top:26px}.writing-sheet{min-height:0;padding:30px 16px 24px 36px;background-image:linear-gradient(to right,transparent 20px,rgba(224,32,45,.28) 21px,transparent 22px),repeating-linear-gradient(to bottom,transparent 0,transparent 39px,rgba(196,213,235,.62) 40px)}.writing-sheet>label{font-size:21px}.editor-wrap textarea,.rich-text-input{height:255px;padding:22px 19px 50px;font-size:20px}.editor-tools{padding:10px}.editor-tool-label{width:100%}.active-feedback{min-height:100px;padding:18px 8px 10px 24%}.active-feedback strong{font-size:18px}.editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary-button,.secondary-button{min-width:0;min-height:51px;padding:0 12px;font-size:15px}.reset-button{grid-column:1 / -1;justify-self:center}.keyboard-hint{text-align:center;font-size:11px}.rule-panel h2{font-size:23px}.rule-row{grid-template-columns:38px minmax(0,1fr) 32px;min-height:70px}.rule-copy{font-size:16px}.modal-layer{align-items:start;padding:14px}.paper-dialog{margin-top:28px;padding:48px 25px 32px 38px;background-image:linear-gradient(to right,transparent 20px,rgba(224,32,45,.2) 21px,transparent 22px),repeating-linear-gradient(to bottom,transparent 0,transparent 39px,rgba(196,213,235,.62) 40px)}.help-dialog h2,.success-dialog h2{font-size:39px}.success-dialog .final-answer{margin-right:0;margin-left:0;padding:15px}.approval-stamp{width:140px;height:140px}.success-actions{grid-template-columns:1fr}.game-footer{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}