:root{color-scheme:only light}
.portal-home{margin:0;min-height:100svh;background:#111b29 url('/media/startup-temple.jpg') center/cover fixed no-repeat;color:#f6e4bd;font-family:'Microsoft YaHei',sans-serif}
.portal-home:before{content:'';position:fixed;inset:0;background:linear-gradient(#08132266,transparent 48%,#07121cc9);pointer-events:none}
.home-shell{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;box-sizing:border-box;padding:6vh 20px 3vh}
.home-shell header{text-shadow:0 3px 15px #000}
.home-eyebrow{font-size:13px;letter-spacing:.36em;color:#e5c68d;margin:0 0 14px}
.home-shell h1{font-family:'STSong','SimSun',serif;font-size:clamp(40px,6vw,78px);letter-spacing:.2em;margin:0;text-indent:.2em;color:#ffe5ab}
.home-subtitle{font-size:clamp(12px,1.2vw,16px);letter-spacing:.1em}
.home-entry{width:min(440px,94vw);margin-top:20vh;padding:16px 26px 4px;background:linear-gradient(transparent,#101b27a8);box-sizing:border-box}
.home-entry a,.home-entry button,.home-entry input{box-sizing:border-box;font:inherit}
.home-entry a,.home-entry button{display:block;padding:12px 20px;border:1px solid #b3965c;color:#ffe5b4;background:linear-gradient(#433c2c,#242b30);text-decoration:none;cursor:pointer;border-radius:3px}
.home-entry a:hover,.home-entry button:hover{border-color:#f2d592;background:#494537}
.home-entry input{width:100%;padding:12px;margin:12px 0;color:#fff0cd;border:1px solid #a18a61;background:#101a26e8;border-radius:3px}
.home-entry form button{width:100%}.home-entry label{font-size:15px}.home-entry [hidden]{display:none!important}
.home-entry .home-primary{font-size:21px;letter-spacing:.14em}
.home-secondary{display:flex;gap:12px;margin-top:12px}.home-secondary a{flex:1;font-size:14px}
.home-entry .home-text{margin:8px auto 0;padding:4px 12px;border:0;background:transparent;color:#d4c5a7;font-size:12px}
.home-footnote,#home-first{font-size:11px;color:#c4bfaf;line-height:1.7}.home-entry [aria-disabled=true]{opacity:.55}
#home-status{font-size:14px;line-height:1.6}
.portal-loading{border:1px solid #ac9058;border-radius:8px;background:#121e2bf5;color:#f3d8a6;text-align:center;width:min(440px,80vw);padding:30px;font:16px/1.8 'Microsoft YaHei',sans-serif}
.portal-loading::backdrop{background:#06111dde}.portal-loading h2{margin:0 0 12px;font-family:'SimSun',serif;letter-spacing:.18em}
.portal-loading progress{width:100%;height:8px;accent-color:#e4bf73;display:block;margin:20px 0}
.portal-loading button{padding:10px 20px;background:#3e392d;color:#ffe6b5;border:1px solid #bd9a59;border-radius:3px;cursor:pointer;font:inherit}
.portal-loading [hidden]{display:none!important}
#connection-notice{position:fixed;z-index:5000;top:max(6px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);background:#172333ed;color:#ffdda0;border:1px solid #ad8c4a;padding:8px 16px;border-radius:5px;font:14px/1.5 sans-serif;max-width:80vw;text-align:center}
.connection-lost #board{pointer-events:none;filter:saturate(.75)}
.player-nickname{position:absolute;left:50%;bottom:-27px;transform:translateX(-50%);font:22px/25px sans-serif;color:#efe4cb;text-shadow:0 1px 3px #000,0 0 5px #000;white-space:nowrap;max-width:210px;overflow:hidden;text-overflow:ellipsis;z-index:4;pointer-events:none}
#self .player-nickname{bottom:47px;background:#111c25b8;padding:0 9px;border-radius:3px}
@media(max-height:550px) and (orientation:landscape){.home-shell{padding-top:3vh;padding-bottom:0}.home-shell h1{font-size:38px}.home-eyebrow{margin-bottom:4px;font-size:10px}.home-subtitle{margin:6px 0}.home-entry{margin-top:2vh;padding-top:0;width:min(410px,65vw)}.home-entry a,.home-entry button{padding:8px 16px}.home-entry .home-primary{font-size:18px}.home-secondary{margin-top:7px}.home-footnote{margin:6px 0;font-size:10px}#home-welcome{margin:5px 0}.home-entry input{padding:8px;margin:6px 0}.home-entry .home-text{padding:2px;margin:3px auto}}