.saramayk-page{max-width:1500px}.saramayk-page,.sm-dialog{--sm-paper:var(--paper,#f8f7f4);--sm-ink:var(--ink,#320216);--sm-soft:var(--soft,#f0ebed);--sm-line:var(--stroke,#d6cbd0);color:var(--sm-ink)}
.saramayk-page *,.sm-dialog *{box-sizing:border-box}.saramayk-page button,.sm-dialog button{font-family:inherit;letter-spacing:0;text-transform:none;cursor:pointer}.sm-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;max-width:100%;width:auto;padding:10px 14px;border:1px solid var(--sm-line);border-radius:2px;color:var(--sm-ink);background:var(--sm-paper);font-size:12px;font-weight:700;box-shadow:none!important;white-space:normal;line-height:1.3}.sm-button.primary{color:var(--sm-paper);background:var(--sm-ink);border-color:var(--sm-ink)}.sm-button:hover{filter:brightness(.95);transform:none!important}.sm-button:disabled{opacity:.4;cursor:not-allowed}.sm-button:focus-visible,.sm-trait:focus-visible,.sm-pair:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.sm-eyebrow{display:block;font:10px/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:2px;color:var(--quiet);margin-bottom:12px}.sm-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0 35px;border-bottom:1px solid var(--sm-line);margin-bottom:30px}.sm-hero h1,.sm-game-head h1{font:900 clamp(38px,5vw,66px)/1.02 Arial,sans-serif;letter-spacing:-2px;margin:0 0 16px}.sm-hero p{font-size:15px;line-height:1.65}.sm-emblem{display:flex;gap:16px;color:var(--accent);align-items:center}.sm-emblem .sm-glyph{width:64px;height:64px}.sm-lobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sm-panel{padding:26px;border:1px solid var(--sm-line);background:var(--sm-paper)}.sm-panel h2,.sm-sessions h2{font-size:22px;letter-spacing:-.6px;margin:10px 0 18px}.sm-panel p,.sm-rules p{font-size:13px;line-height:1.7;color:var(--quiet)}.saramayk-page label,.sm-dialog label{display:flex;flex-direction:column;gap:8px;margin:14px 0;font-size:12px;font-weight:600}.saramayk-page input,.saramayk-page select,.sm-dialog select{padding:12px;background:var(--sm-paper);color:var(--sm-ink);border:1px solid var(--sm-line);border-radius:2px;width:100%;min-height:42px}.sm-panel>.sm-button{margin-top:10px}.sm-sessions{margin-top:32px}.sm-session{display:flex;justify-content:space-between;gap:16px;align-items:center;width:100%;text-align:left;background:transparent;color:var(--sm-ink);border:0;border-top:1px solid var(--sm-line);border-radius:0;padding:18px 4px;font-size:14px;box-shadow:none}.sm-session small{color:var(--quiet);font-size:11px;white-space:nowrap}.sm-session:hover{background:var(--sm-soft);transform:none}.sm-game-head{display:flex;justify-content:space-between;gap:20px;align-items:start;padding:12px 0 24px}.sm-game-head h1{font-size:40px;margin-bottom:8px}.sm-game-head p{margin:0;font-size:12px;color:var(--quiet)}.sm-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sm-game-head .sm-toolbar{max-width:380px;justify-content:end}.sm-status{border-block:1px solid var(--sm-line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;margin-bottom:26px;font-size:12px}.sm-status>span{color:var(--quiet)}.sm-builder{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:28px;align-items:start}.sm-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px}.sm-section-title h2{font-size:18px;margin:0}.sm-section-title>span{max-width:220px;font-size:11px;line-height:1.5;color:var(--quiet)}.sm-army-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sm-card-wrap{min-width:0;filter:drop-shadow(0 7px 5px #10081816);transition:filter .15s,transform .15s}.sm-card{background:var(--sm-paper);border:1px solid var(--sm-line);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);padding:16px;position:relative}.sm-card:after{content:'';position:absolute;width:31px;height:1px;background:var(--sm-line);right:-5px;top:10px;transform:rotate(45deg)}.sm-card header{display:flex;justify-content:space-between;font:10px/1.2 ui-monospace,monospace;letter-spacing:.4px;color:var(--quiet);padding-right:12px}.sm-stack{display:grid;grid-template-rows:repeat(3,65px);padding:9px 0;gap:8px}.sm-component{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;position:relative;border-bottom:1px solid var(--sm-line);min-width:0;color:var(--accent)}.sm-component span{font-size:10px;color:var(--quiet)}.sm-glyph{width:40px;height:40px;flex:none;display:block}.sm-component button{position:absolute;right:0;top:13px;min-width:28px;width:28px;min-height:28px;height:28px;display:grid;place-items:center;padding:0;border:0;background:var(--sm-soft);color:var(--sm-ink);font-size:18px;box-shadow:none}.sm-card>.sm-button{width:100%;font-size:10px;margin-top:7px}.sm-card-wrap.selected{filter:drop-shadow(0 0 2px var(--accent)) drop-shadow(0 8px 6px #10081824)}.sm-card-wrap.selected .sm-card{background:var(--sm-soft);border-color:var(--accent)}.sm-trait-bank{position:sticky;top:85px;padding:18px;background:var(--sm-soft);border:1px solid var(--sm-line)}.sm-trait-bank h2{font-size:18px;margin:0 0 20px}.sm-trait-bank h3{font-size:10px;letter-spacing:1.1px;text-transform:uppercase;margin:19px 0 9px;color:var(--quiet)}.sm-trait-bank p{font-size:10px;color:var(--quiet);line-height:1.6;margin:18px 0 0}.sm-trait{width:100%;display:flex;align-items:center;text-align:left;gap:9px;padding:10px 8px;min-height:48px;border:1px solid var(--sm-line);background:var(--sm-paper);color:var(--sm-ink);border-radius:0;margin:6px 0;box-shadow:0 3px 5px #1008180a;font-size:11px}.sm-trait .sm-glyph{width:23px;height:23px;color:var(--accent)}.sm-trait b{margin-left:auto;font:10px ui-monospace,monospace;white-space:nowrap}.sm-trait:disabled{opacity:.3;cursor:not-allowed}.sm-trait.selected{border-color:var(--accent);background:var(--sm-soft)}.sm-trait:hover{transform:none}.sm-bottom-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:23px 0}.sm-bottom-actions>span{font-size:11px;line-height:1.6;color:var(--quiet);max-width:440px}.sm-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sm-front{border:1px solid var(--sm-line);background:var(--sm-paper);padding:16px;min-width:0;transition:outline .15s}.sm-front.current{border-color:var(--accent);box-shadow:inset 0 3px var(--accent)}.sm-front>header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 0 10px;border-bottom:1px solid var(--sm-line)}.sm-front>header>span{font:10px ui-monospace,monospace;color:var(--quiet)}.sm-front h2{font-size:18px;margin:4px 0}.sm-front>header b{font-size:10px;margin-left:auto;color:var(--accent)}.sm-front-side{padding:14px 0 10px}.sm-front-side+.sm-front-side{border-top:1px dashed var(--sm-line)}.sm-player-name{display:block;font-size:11px;line-height:1.4;overflow-wrap:anywhere;color:var(--quiet);margin-bottom:13px}.sm-pair{display:flex;justify-content:center;align-items:center;gap:12px;padding:6px 0;filter:drop-shadow(0 6px 4px #10081822);border:1px solid transparent;border-radius:3px}.sm-pair.selected{border-color:var(--accent);background:var(--sm-soft)}.sm-die{--die:#bb314d;width:58px;height:58px;position:relative;border:3px solid var(--die);border-radius:10px;background:var(--die);flex:none;overflow:hidden;box-shadow:inset 0 -4px 0 #0002;color:white}.sm-die>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}.sm-die>svg{width:100%;height:100%;fill:white;position:relative;filter:drop-shadow(0 1px 2px #000b)}.sm-die small{position:absolute;bottom:0;right:1px;font:bold 8px/1 Arial;color:white;background:#0007;border-radius:2px;padding:1px}.sm-order{margin-top:12px;min-height:44px;display:grid;place-items:center;font-size:11px;text-align:center;line-height:1.5;padding:9px;border:1px dashed var(--sm-line);background:var(--sm-soft);overflow-wrap:anywhere}.sm-order.sealed{background:var(--sm-ink);color:var(--sm-paper);border:1px solid var(--sm-ink)}.sm-revealed-unit{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 0 6px;color:var(--accent)}.sm-revealed-unit .sm-glyph{width:34px;height:34px}.sm-power{text-align:center;font-size:11px;font-weight:700}.sm-comparison{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--sm-line);padding-top:12px;font-size:10px;line-height:1.4}.sm-choice{margin-top:28px}.sm-available{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sm-available .sm-card{padding:12px}.sm-available .sm-stack{grid-template-rows:repeat(3,57px)}.sm-reroll,.sm-rules{margin:24px 0;padding:18px 0;border-block:1px solid var(--sm-line);font-size:12px}.sm-reroll summary,.sm-rules summary{cursor:pointer;font-weight:700;min-height:24px}.sm-reroll p{font-size:12px;line-height:1.6;color:var(--quiet)}.sm-rules table{border-collapse:collapse;width:100%;font-size:11px;text-align:left;margin:20px 0}.sm-rules th,.sm-rules td{padding:10px 7px;border-bottom:1px solid var(--sm-line)}.sm-rules a{color:var(--accent)}.sm-note{font-size:11px;color:var(--quiet);margin:18px 0}.sm-keep fieldset{display:inline-block;vertical-align:top;border:1px solid var(--sm-line);padding:12px;margin:8px 10px 8px 0}.sm-keep label{flex-direction:row;align-items:center;font-size:12px}.sm-keep input{width:17px;min-height:17px;height:17px;accent-color:var(--accent)}.sm-curtain,.sm-wait{min-height:440px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:50px 25px;border:1px solid var(--sm-line);background:var(--sm-soft)}.sm-curtain-symbol{font-size:80px;line-height:1;color:var(--accent);margin-bottom:30px}.sm-curtain h2{font-size:32px;margin:0 0 14px}.sm-curtain p,.sm-wait p{font-size:14px;line-height:1.9;max-width:500px}.sm-curtain .sm-button{margin-top:20px}.sm-finish{padding:40px 0 10px}.sm-finish>h2{font-size:48px;margin:0 0 10px;letter-spacing:-1.5px}.sm-finish>p{font-size:15px}.sm-finish>h3{font-size:16px;margin:36px 0 15px}.sm-reserves{display:flex;gap:22px}.sm-reserves>div{width:210px}.sm-reserves p{font-size:12px}.sm-error{border-left:3px solid #a42c42;background:#a42c4210;color:var(--sm-ink);padding:18px;font-size:13px;line-height:1.6;margin-bottom:20px;display:flex;gap:12px;align-items:center}.sm-dialog{width:min(760px,calc(100vw - 28px));max-height:90dvh;padding:30px;border:1px solid var(--sm-line);background:var(--sm-paper);border-radius:3px;box-shadow:0 30px 120px #0004;overflow:auto}.sm-dialog::backdrop{background:#120a13ad;backdrop-filter:blur(4px)}.sm-dialog h2{margin-top:0;font-size:28px}.sm-dialog p{line-height:1.6;font-size:13px}.sm-dialog-error{color:#a22d40}.sm-log{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.8 ui-monospace,monospace;max-height:50dvh;overflow:auto;background:var(--sm-soft);padding:18px}.sm-skin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sm-skin-grid h3{font-size:14px}.sm-skin-grid input[type=color]{width:100%;height:44px;padding:3px;border:1px solid var(--sm-line)}.sm-skin-grid input[type=file]{max-width:100%;font-size:11px;white-space:normal}.sm-result{width:100vw;max-width:none;height:100dvh;max-height:none;inset:0;padding:30px;margin:0;border:0;background:var(--sm-ink);color:var(--sm-paper);border-radius:0;overflow:auto}.sm-result-inner{min-height:calc(100dvh - 60px);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.sm-result h2{color:var(--sm-paper);font-size:clamp(42px,10vw,150px);text-transform:uppercase;letter-spacing:-.05em;line-height:1;overflow-wrap:anywhere;max-width:100%;margin:18px 0 30px;animation:sm-announcement .35s ease-out}.sm-result .sm-eyebrow{color:inherit;opacity:.7}.sm-result p{color:var(--sm-paper);font-size:18px}.sm-result .sm-button{margin-top:30px;background:var(--sm-paper);color:var(--sm-ink);border-color:var(--sm-paper)}@keyframes sm-announcement{from{opacity:0;transform:scale(.93)}to{opacity:1;transform:none}}
[data-sm-drag]{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.sm-drag-ghost{position:fixed!important;z-index:2147483000;pointer-events:none!important;transform:scale(1.1) rotate(-2deg)!important;transform-origin:0 0;filter:drop-shadow(0 18px 10px #15081555)!important;opacity:.97;max-width:260px}.sm-drag-source{opacity:.35}.sm-drop-hover{outline:3px dashed var(--accent);outline-offset:4px;background:var(--sm-soft)}
@media(min-width:1400px){.sm-builder{grid-template-columns:minmax(0,1fr) 230px}.sm-army-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){.sm-game-head{flex-direction:column}.sm-game-head .sm-toolbar{justify-content:start;max-width:none}.sm-builder{gap:16px;grid-template-columns:minmax(0,1fr) 180px}.sm-trait-bank{padding:12px}.sm-trait{gap:6px;padding:9px 5px;font-size:10px}.sm-section-title{align-items:start;flex-direction:column;gap:8px}.sm-section-title>span{max-width:none}.sm-front{padding:11px}.sm-die{width:48px;height:48px}.sm-pair{gap:8px}.sm-available{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-lobby-grid{gap:16px}.sm-panel{padding:20px}}
@media(max-width:600px){.sm-hero{padding-top:4px}.sm-emblem{gap:5px}.sm-emblem .sm-glyph{width:28px;height:28px}.sm-lobby-grid{grid-template-columns:1fr}.sm-builder{grid-template-columns:minmax(0,1fr) 135px;gap:10px}.sm-army-grid{grid-template-columns:1fr;gap:12px}.sm-trait-bank{padding:9px;top:73px}.sm-trait{flex-wrap:wrap;gap:4px}.sm-trait b{font-size:9px}.sm-trait .sm-glyph{width:20px;height:20px}.sm-trait-bank h2{font-size:15px}.sm-card{padding:12px}.sm-board{grid-template-columns:1fr;gap:14px}.sm-front{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sm-front>header,.sm-comparison{grid-column:1/-1}.sm-front-side+.sm-front-side{border-top:0;border-left:1px dashed var(--sm-line);padding-left:10px}.sm-front-side{padding:4px 0}.sm-revealed-unit{flex-direction:column}.sm-session{align-items:start;flex-direction:column;gap:8px}.sm-toolbar{gap:6px}.sm-toolbar .sm-button{font-size:10px;padding:8px 10px}.sm-skin-grid{gap:14px}.sm-dialog{padding:20px}.sm-game-head h1{font-size:34px}.sm-curtain{min-height:400px;padding:32px 16px}.sm-curtain h2{font-size:27px}.sm-reserves{gap:12px}.sm-reserves>div{width:50%}.sm-result{padding:18px}.sm-result-inner{min-height:calc(100dvh - 36px)}}
@media(prefers-reduced-motion:reduce){.sm-card-wrap,.sm-front{transition:none}.sm-result h2{animation:none}}

.sm-toss{animation:sm-toss .42s ease-out}@keyframes sm-toss{0%{transform:translateY(-9px) rotate(-10deg)}50%{transform:translateY(2px) rotate(4deg)}100%{transform:none}}@media(prefers-reduced-motion:reduce){.sm-toss{animation:none}}
.sm-intro{padding:12px 0 26px;max-width:850px}.sm-intro h1{font-size:38px;margin:0 0 18px}.sm-intro p{font-size:14px;line-height:1.7;color:var(--sm-ink)}
.sm-die-number{font:800 34px Arial,sans-serif}
.sm-match-settings{display:flex;align-items:center;gap:24px;margin:0 0 24px;padding:18px 22px;border:1px solid var(--sm-line);background:var(--sm-paper)}.sm-match-settings label{min-width:200px;margin:0}.sm-match-settings p{max-width:620px;font-size:12px;line-height:1.6;color:var(--quiet);margin:0}
.sm-clocks{display:flex;gap:12px 22px;flex-wrap:wrap;font-size:11px}.sm-clocks>span{display:flex;gap:8px;align-items:center}.sm-clocks time{min-width:4.5ch;font:700 17px ui-monospace,monospace;font-variant-numeric:tabular-nums;color:var(--sm-ink)}.sm-clocks time.urgent{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.sm-curtain+.sm-clocks,.sm-game-head+.sm-clocks{margin-bottom:18px}
.sm-result-title{position:relative;flex:none;width:calc(100% + 60px);padding:30px;overflow:hidden;margin:16px 0}.sm-result-title h2{margin:10px 0;position:relative}.sm-result-stripe{position:absolute;left:-256px;width:calc(100% + 512px);height:7px;background:repeating-linear-gradient(90deg,currentColor 0 42px,transparent 42px 64px);animation:sm-stripe-rush .35s linear infinite;pointer-events:none}.sm-result-stripe.top{top:0}.sm-result-stripe.bottom{bottom:0;animation-direction:reverse}@keyframes sm-stripe-rush{from{transform:translateX(0)}to{transform:translateX(256px)}}
@media(max-width:600px){.sm-match-settings{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.sm-result-title{width:calc(100% + 36px);padding:26px 18px}}
@media(prefers-reduced-motion:reduce){.sm-result-stripe{animation:none}}
